作者Wcw5504 (椎崎月)
看板Blog
標題Re: [Blogger] 如何改進CSS讓背景透明?
時間Thu Jan 10 22:02:14 2013
※ 引述《eddy1221 (rolling)》之銘言：
: 我在近開了網站
: 增新CSS 只想讓"文章背景"(Post+Sidebar的背景)透明化
: 讓文章能看到底圖
: 但是文章的圖片跟文字也會跟的透明
: 沒學過CSS 從網路學的 如下
: .main {
: filter:alpha(opacity=15);
: -moz-opacity:0.85;
: opacity:0.85;
: }
: 請問要如何改進呢?
用rgba設alpha值，但需要瀏覽器支援CSS3
假設底色不是黑的，可以用下面語法：
.main{background-color:rgba(255,255,255,.85)}
若考量到IE8以下的版本的相容性，可以自已做一個1x1的透明png當背景：
.main{
background:url(
圖片網址);
background:rgba(255,255,255,.85);
}
這樣不支援rgba色彩的瀏覽器就只會讀入前面那項圖片了
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.62.77.240
1F：推 eddy1221:感謝你 但是似乎沒有作用說 01/11 02:04
2F：→ eddy1221:不知什麼原因 01/11 02:04
3F：→ Wcw5504:放個網誌連結會比較好測試啦... 01/11 09:50
4F：→ eddy1221:不知為何加入=> backgr .... ,.85) 都會出現白色圖片 01/11 13:50
5F：→ eddy1221:在兩個POST框的後面 01/11 13:51
6F：→ eddy1221:測試結果 .POST{background:url () 可以用 01/11 14:14
7F：→ eddy1221:單獨 background:rgba( 不能用 單上面的會影響嗎? 01/11 14:15
8F：→ Wcw5504:不會 只是圖片和純css的差異而已 01/11 16:47
9F：推 eddy1221:感謝 WCW大 01/13 02:28