css半透明遮罩层文字 css半透明( 二 )


未设置半透明时的屏幕截图 。
未设置半透明样式,未实现半透明示例浏览器效果截图 。
第三,为DIV-TOP设置CSS半透明样式实例 。
1.我们将半透明样式代码添加到 。Div-b "选择器:
滤镜:alpha(不透明度= 60);-moz-不透明度:0.6;不透明度:0.6;
设置60%半透明效果 。
完整示例网页的HTML代码如下:
!文档类型html
超文本标记语言

meta ="utf-8" /
标题半透明示例的在线演示;/标题
风格
。div-a { :URL(div-a-bg.png)不重复;宽度:230像素高度:136像素填充:10px}
。Div-b{背景:# 000;宽度:200像素高度:100像素填充:5px颜色:# F00
滤镜:alpha(不透明度= 60);-moz-不透明度:0.6;不透明度:0.6}
/* CSS注意:CSS代码打包在这里是为了使代码在本文档中完整,打包后不会影响CSS效果*/
/风格
/头
身体
div
Div class = " Div-b " Div半透明示例演示/div的实现 。
/div
/body
/html
2.浏览器效果截图:
css div半透明实现的屏幕截图
Css+div实现在半透明浏览器中浏览,div实现半透明效果 。
总结:根据上面两个例子,之一个不设置半透明样式,第二个设置半透明样式,实现div图层的半透明效果 。您可以根据需要调整半透明值,以获得所需的透明度 。设置半透明效果要考虑IE浏览器、、等浏览器的兼容支持,所以我们的半透明样式代码必须完整 。
为什么我在CSS中设置背景为半透明,连字体都是透明的?
您使用的CSS滤镜将使标签中的所有元素半透明 。因为CSS过滤器是IE特有的,不支持 。你可以这样写
。页眉
{滤镜:alpha(不透明度= 50);不透明度:0.5;}
至于如何让元素在?标签是不透明的,所以我认为更好写一个等于 。头,那就用绝对定位!
【css半透明遮罩层文字css半透明】关于css半透明的介绍到此为止 。感谢您花时间阅读本网站的内容 。不要忘记在这个网站上搜索更多关于css半透明遮罩文本和css半透明的信息 。