[問題] CSS 透明

看板Web_Design作者 (遨翔)時間17年前 (2008/12/02 20:35), 編輯推噓6(606)
留言12則, 6人參與, 最新討論串1/1
透明效果: div.img { background-image:url('xxxxx') } div.transbox { background-color: #xxxxx; filter:alpha(opacity=30); opacity:0.3; } <div class=img><div class=transbox><p>test</p></div></div> 希望可以達到透明背景的效果 但是問題來了,連字一起透明了,要怎麼能夠讓背景透明字不要透明呢 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 123.204.54.164 ※ 編輯: letsplay 來自: 123.204.54.164 (12/02 20:36)

12/02 20:36, , 1F
transbox p 再設一次css
12/02 20:36, 1F

12/02 21:39, , 2F
被繼承了XD
12/02 21:39, 2F

12/02 21:41, , 3F
對阿 被繼承了 那怎麼讓他不繼承呢? 一樓的方法試過了
12/02 21:41, 3F

12/02 21:57, , 4F
一樓方法是不是再把設定壓過去?好像叫後什麼的選擇器
12/02 21:57, 4F

12/02 22:28, , 5F
transbox p {opacity:1;} 是這樣嗎?
12/02 22:28, 5F

12/02 22:29, , 6F
剛剛試了一下,應該是不可能改繼承
12/02 22:29, 6F

12/02 22:29, , 7F
如果你不希望弄成像Thickbox一樣丟兩個div
12/02 22:29, 7F

12/02 22:30, , 8F
那就丟一個透明的PNG當背景吧
12/02 22:30, 8F

12/02 23:27, , 9F
google CSS 的規則繼承和權重
12/02 23:27, 9F

12/02 23:29, , 10F
div.transbox p 應該就壓得過去了
12/02 23:29, 10F

12/03 22:41, , 11F
to樓上:不行喔...我現在的確適用個png當背景先撐著了
12/03 22:41, 11F

12/07 08:59, , 12F
只能用 rgba 去設定了
12/07 08:59, 12F
文章代碼(AID): #19DIkOcy (Web_Design)