[問題] css的透明度設計

作者knives ()

看板Web_Design

標題[問題] css的透明度設計

時間Mon Jul 5 14:23:08 2010

我現在的網頁架構是這樣 <body> <div id="wrap"> <div id="feed_title">RSS Title</div> <div id="feed_title2">第二個RSS Title </div> <textarea cols="30" rows="10"></textarea> </div> </body> 我在body下的css有加一個background-image 我希望在wrap加上background-color:#FFFFFF，opacity:0.7; 讓原來的body的背景色在wrap底下顯示出透明的背景但是這樣的話，會讓wrap下面的所以子元素，背景也會同樣呈現透明背景請問有什麼辦法，可以只讓wrap的空白處顯示是透明背景，而其他的子元素就依然維持原來的樣式謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 122.117.39.194

→ winsummer:#wrap {background-color:transparent;} 07/05 14:34

→ knives:樓上，不行，子元素的背景也會變成透明 07/05 14:40

→ winsummer:background-color:transparent;會被繼承 07/05 14:49

→ winsummer:你想子元素要什麼顏色的背景在子元素那再設定就好 07/05 14:49

→ shimuraken:我是自己作一個2X2的PNG去解決耶..你可以參考看看.. 07/05 15:49

→ knives:我知道，我把wrap的背景色設成rgba(255, 255, 255, 0.75)就 07/05 16:04

→ knives:好了，真是神奇 07/05 16:04

推 KOIORI:要注意css3有跨browser的問題喔。 07/05 16:29

→ knives:對喔，在IE就行不通了 07/05 16:39

→ despair96:寫複雜在wrap裡放一個能塞滿100%的做透明.同層在包文字 07/05 21:15

→ jojozyzy:最終辦法用這個filter:alpha(opacity=xx)，專給ie用的。 07/06 17:52