作者Krauss (克蘿絲)
看板Web_Design
標題[問題] css 指定單一背景透明度?
時間Wed Oct 8 13:02:34 2014
目前知道目前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
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.115.58.21
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1412744557.A.49C.html
1F：推 jhunkyoiori: 做個div跟body一樣大去設定div的透明度就是你的效果 10/08 13:51
2F：→ oToToT: ....我現在才知道可以寫兩層bg 10/08 22:53
3F：推 hit1205: 你是不是誤會 opacity 的功用了 XD 他並不是背景透明啊 X 10/09 01:20
4F：→ hit1205: 樓上，這是 CSS 3 新增的 XD 10/09 01:21
5F：推 alog: or background color 指定一個帶有 alpha channel的色票 10/09 09:21
6F：推 oToToT: CSS3還是不熟啊...像animation還是搞不懂 10/09 22:36
7F：→ hit1205: 不過原po好像是希望圖片本身透明的樣子... 這樣好像 10/11 19:47
8F：→ hit1205: 只好用一樓的方法了 XD... 10/11 19:47
9F：→ aspdoctor: opacity是整個區塊的透明度,非要指定背景透明的話 10/11 23:33
10F：→ aspdoctor: 可以用:before,:after設定背景 zIndex跟透明度 10/11 23:34