[問題] css的透明度設計

看板Web_Design作者時間15年前 (2010/07/05 14:23), 編輯推噓1(1010)
留言11則, 6人參與, 最新討論串1/1
我現在的網頁架構是這樣 <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

07/05 14:34, , 1F
#wrap {background-color:transparent;}
07/05 14:34, 1F

07/05 14:40, , 2F
樓上,不行,子元素的背景也會變成透明
07/05 14:40, 2F

07/05 14:49, , 3F
background-color:transparent;會被繼承
07/05 14:49, 3F

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

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

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

07/05 16:04, , 7F
好了,真是神奇
07/05 16:04, 7F

07/05 16:29, , 8F
要注意css3有跨browser的問題喔。
07/05 16:29, 8F

07/05 16:39, , 9F
對喔,在IE就行不通了
07/05 16:39, 9F

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

07/06 17:52, , 11F
最終辦法用這個filter:alpha(opacity=xx),專給ie用的。
07/06 17:52, 11F
文章代碼(AID): #1CCNfFwg (Web_Design)