作者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/cn.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