您现在的位置是：网站首页> 编程资料编程资料

div+css设置div的背景为半透明的方法DIV背景半透明文字不半透明的样式div 背景透明度如何设置一个div的背景透明度div背景半透明，覆盖整个可视区域的遮罩层效果 div背景半透明覆盖整个可视区域的遮罩层效果设置div背景透明的方法示例

2021-09-06 1047人已围观

简介设置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盒子设置村黑色。

上一篇：css设置div附带下拉条的样式CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题

下一篇：div的滚动条如何实现css将div层固定显示在页面底部不随滚动条滚动给DIV添加滚动条的实现代码给div加滚动条 div显示滚动条设置代码css实现div自动添加滚动条(图片或文字等超出时显示)div css 滚动条样式 DIV滚动条属性及样式设置方式详解如何用div实现自制滚动条

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢