CSS系列：[1]CSS实现半透明div层的方法-div半透明怎样设置

来源：互联网 2023-10-08 00:03:52 44

具体来说，先看呵呵示例，如下表所示：

/>#div1 { margin:0px auto; width:500px; height:370px ; text-align:center; background:url(../demoimg/3.jpg);}

#div2 { height:330px;filter:alpha(Opacity=80);/*全力支持 IE 应用领域程序*/-moz-opacity:0.5;*全力支持 FireFox 应用领域程序*/opacity: 0.5;/*全力支持 Chrome, Opera, Safari 等应用领域程序*/

z-index:100;background-color:#ffffff; }

这儿是透明化的DIV

接着，在须要透明化层div加CSS标识符div{filter:alpha(opacity=50); /*全力支持 IE 应用领域程序*/-moz-opacity:0.50; /*全力支持

FireFox 应用领域程序*/opacity:0.50; /*全力支持 Chrome, Opera, Safari 等应用领域程序*/}这种就能同时实现CSS乳白色操作方式01主要就应用领域的标识符有：filter:alpha(Opacity=80);/*全力支持 IE 应用领域程序*/-moz-opacity:0.5;*全力支持 FireFox 应用领域程序*/opacity: 0.5;/*全力支持 Chrome, Opera, Safari 等浏览器*/z-index:100;/*该处为所处楼层，尽量增设大点*/

02标识符如下表所示：#div1 { margin:0px auto; width:500px; height:370px ; text-align:center; background:url(../demoimg/3.jpg);}#div2 { height:330px;filter:alpha(Opacity=80);/*全力支持 IE 应用领域程序*/-moz-opacity:0.5;*全力支持 FireFox 应用领域程序*/opacity: 0.5;/*全力支持 Chrome, Opera, Safari 等应用领域程序*/z-index:100;background-color:#ffffff; }

这儿是透明化的DIV

03上面他们来缔造呵呵标识符现实生活效用吧！

特殊提醒img背景图片路径不要增设错了要想适配所有的应用领域程序，上面的背景透明化都要写上

标签：

上一篇：二重积分中怎样交换二次积分的顺序-二重积分交换顺序方法下一篇：怎么运用高数中的分部积分法-分部积分法是高数上仍是高数下

CSS系列：[1]CSS实现半透明div层的方法-div半透明怎样设置

热门文章

标签列表