[問題] css 指定單一背景透明度?

作者: Krauss (克蘿絲)   2014-10-08 13:02:34
目前知道目前body可以套用多重的背景
background-image: url(sheep.png), url(betweengrassandsky.png);
可是如果想對前面的背景指定透明度的話,可以做到嗎?
試了
body {
background-image: url(sheep.png), url(betweengrassandsky.png);
opacity:0.3; 會整個變透明
opacity:0.3, 1; 沒有效果
}
想請教應該怎麼寫呢?
請多指點迷津,大恩大德感激不盡 m(__ __)m
作者: jhunkyoiori (瓦爾加布)   2014-10-08 13:51:00
做個div跟body一樣大去設定div的透明度就是你的效果
作者: oToToT (屁孩)   2014-10-08 22:53:00
....我現在才知道可以寫兩層bg
作者: hit1205 (幫你把勇氣裝滿)   2014-10-09 01:20:00
你是不是誤會 opacity 的功用了 XD 他並不是背景透明啊 X樓上,這是 CSS 3 新增的 XD
作者: alog (A肉哥)   2014-10-09 09:21:00
or background color 指定一個帶有 alpha channel的色票
作者: oToToT (屁孩)   2014-10-09 22:36:00
CSS3還是不熟啊...像animation還是搞不懂
作者: hit1205 (幫你把勇氣裝滿)   2014-10-11 19:47:00
不過原po好像是希望圖片本身透明的樣子... 這樣好像只好用一樓的方法了 XD...
作者: aspdoctor (大崎)   2014-10-11 23:33:00
opacity是整個區塊的透明度,非要指定背景透明的話可以用:before,:after設定背景 zIndex跟透明度

Links booklink

Contact Us: admin [ a t ] ucptt.com