Re: [Blogger] 如何改進CSS讓背景透明?

看板Blog作者Wcw5504 (椎崎月)時間11年前 (2013/01/10 22:02)推噓2(2推 0噓 7→)

留言9則, 2人參與討論串2/2 (看更多)

※ 引述《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

推

eddy1221

01/11 02:04, , 1^F

01/11 02:04, 1^F

→

eddy1221

01/11 02:04, , 2^F

01/11 02:04, 2^F

→

Wcw5504

01/11 09:50, , 3^F

01/11 09:50, 3^F