看板 Web_Design 關於我們 聯絡資訊
我現在的網頁架構是這樣 <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