div+css设置div的背景为半透明的方法

ttx9n · 发表于 2014-2-13 16:05:49

设置div的背景为半透明，下面有个不错示例，使用div+css来实现下，不会的朋友可以参考下
复制代码代码如下:
div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}

说明：
1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认
2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，win IE不认此属性，-moz-opacity:0.5相当于设置半透明为50%
3、opacity：对除IE外所有浏览器支持包括谷歌，放最后主要针对谷歌浏览器，opacity: 0.5;表示设置50%半透明

为了观察到对DIV半透明实现，我们设置两个DIV层，分别一个放于另外一个DIV层内，外层DIV命名为“.div-a”;上面被包含的层CSS类命名为“.div-b”，形成“.div-b”盒子放于“.div-a”内

我们对底层DIV设置一个背景是一张图片，上面的DIV盒子设置村黑色。

feiyasqhr · 发表于 2022-8-24 08:54:52

女生看了弄丢了卡萨诺的卡洛斯

醉梦娱乐网 · 发表于 2022-11-15 20:06:54

儿飞飞微风DVD谁vdsvd

6ox8dn · 发表于 2023-3-25 22:23:23

非常vbcbvcvbvcb

cxst1h57 · 发表于 2023-5-18 08:57:26

那三门，你们谁寂寞才快乐撒

jasonlong · 发表于 2023-12-6 23:58:07

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

小伙伴 · 发表于 2024-2-11 12:45:42

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

9jduu05 · 发表于 2024-3-10 03:34:27

啪啪啪生怕PSP怕

mkonji · 发表于 2024-3-16 06:59:41

谢谢分享，先下来用用

i1efp6c · 发表于 2024-7-27 18:54:24

搞个免费的用用

账号		自动登录	找回密码
密码			立即注册

[CSS] div+css设置div的背景为半透明的方法

相关帖子