如何改進CSS讓背景透明? - 部落格

※ 引述《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色彩的瀏覽器就只會讀入前面那項圖片了




--