html中不透明度怎么写,css如何设置div不透明度？

在IE中需要通过"filter"来定义透明度"opacity"，而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持，需要把两种设定都加进去。

css设置div不透明度说明：

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命名为“.div-a”;上面被包含的层CSS类命名为“.div-b”，形成“.div-b”盒子放于“.div-a”内。

未设置透明度：

div半透明实例演示

.div-a{ background:url(div-a-bg.png) no-repeat;width:230px;height:136px;padding:10px;}

.div-b{ background:#000;width:200px;height:100px;padding:5px;color:#F00}

DIV半透明实例演示

效果图：

设置透明效果css代码：filter:alpha(Opacity=60);

-moz-opacity:0.6;

opacity: 0.6;

效果图：

html中不透明度怎么写,css如何设置div不透明度？相关推荐

vue组件制作专题 - （mpvue专用）在mpvue中纯自己写css实现简单左右轮播
在mpvue中纯自己写css实现简单左右轮播 CSDN:jcLee95 邮箱:291148484@163.com 项目中,在src目录下的components目录下新建一个新文件并重命名为jcmv-c ...
html页面设置不可点击事件,css怎么设置div不可点击？
这篇文章介绍的是通过纯CSS实现禁止div的鼠标点击事件,比起Javascript来更加灵活,有需要的可以参考学习. css怎么设置div不可点击? JavaScript有一个preventDefau ...
css设置div不可编辑,css 怎么设置div不可点击
css设置div不可点击的方法:1.通过"event.preventDefault()"方法取消事件的默认动作:2.通过"event.stopPropagation()& ...
html页面如何变成百分之百,css height 100% CSS成功设置DIV高度百分之百
css height 100% ,使用CSS成功设置DIV高度百分之百,CSS height百分之百高度让html中第一个div(最外层div)高度100%(height:100%)实现. 一.di ...
html div 不要超出,css怎么设置div超出不换行？
css怎么设置div超出不换行?下面本篇文章就来给大家介绍一下使用CSS设置div超出不换行的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在css中,可以使用white-s ...
微软雅黑html中怎么写,css如何设置字体为微软雅黑？
css如何设置字体为微软雅黑?下面本篇文章给大家介绍一下css设置字体为微软雅黑的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css如何设置字体为微软雅黑? 首先在介绍cs ...
html中斜体样式怎么写,css如何设置字体为倾斜样式？
css如何设置字体为倾斜样式?下面本篇文章就来给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS中,可以通过设置font-style属性的值为italic(斜体 ...
html中写css代码,开发DIV CSS时先写CSS代码还是先写HTML代码
相信良多LOVE用DIV+CSS技术启示重构网页的爱好者友好,在起源学习DIV+CSS的时分都邑想一个标题,想晓得DIV+CSS妙手或有教育者在开发制作html页面的时刻,下场是先写html照样先写c ...
html中怎么修改黑体,css怎样设置黑体？
css怎样设置黑体?下面本篇文章给大家介绍一下css中设置字体为黑体的方式,同样适用于设置其他字体,有着一定的参考价值,现在将它分享给各位,希望对大家有帮助. css怎样设置黑体样式? css设置字体 ...

html中不透明度怎么写,css如何设置div不透明度？

html中不透明度怎么写,css如何设置div不透明度？相关推荐

最新文章

热门文章