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

看板Web_Design作者 (克蘿絲)時間11年前 (2014/10/08 13:02), 編輯推噓4(406)
留言10則, 5人參與, 最新討論串1/1
目前知道目前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://www.ptt.cc/bbs/Web_Design/M.1412744557.A.49C.html

10/08 13:51, , 1F
做個div跟body一樣大去設定div的透明度就是你的效果
10/08 13:51, 1F

10/08 22:53, , 2F
....我現在才知道可以寫兩層bg
10/08 22:53, 2F

10/09 01:20, , 3F
你是不是誤會 opacity 的功用了 XD 他並不是背景透明啊 X
10/09 01:20, 3F

10/09 01:21, , 4F
樓上,這是 CSS 3 新增的 XD
10/09 01:21, 4F

10/09 09:21, , 5F
or background color 指定一個帶有 alpha channel的色票
10/09 09:21, 5F

10/09 22:36, , 6F
CSS3還是不熟啊...像animation還是搞不懂
10/09 22:36, 6F

10/11 19:47, , 7F
不過原po好像是希望圖片本身透明的樣子... 這樣好像
10/11 19:47, 7F

10/11 19:47, , 8F
只好用一樓的方法了 XD...
10/11 19:47, 8F

10/11 23:33, , 9F
opacity是整個區塊的透明度,非要指定背景透明的話
10/11 23:33, 9F

10/11 23:34, , 10F
可以用:before,:after設定背景 zIndex跟透明度
10/11 23:34, 10F
文章代碼(AID): #1KDCLjIS (Web_Design)