css设置背景层透明的方法
程序员文章站
2022-04-22 12:22:42
...
css能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。html中如果需要设置某一层的背景为透明该如何去设置呢?下面分享一下如何使用css设置透明层效果,这种方法并且是对所有浏览器都兼容的。
下面是具体的代码(以上效果设置的是0.8):
.transparent{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
我们来看一下效果:
下面是对以上CSS代码的一些补充说明:
opacity:0.5;这个属性是目前在CSS里面设置透明度的标准属性。适用于大多数版本的Firefox,Safari和Opera等浏览器。
filter:alpha(opacity=50);这个属性仅仅支持IE浏览器。
-moz-opacity:0.5;这个属性是为了向前兼容以前的一些老的Mozilla浏览器,比如:Netscape Navigator。
-khtml-opacity: 0.5;这个属性是为了兼容旧版本的Safari浏览器(1.x的),它使用的渲染引擎仍然称为为KTHML,相对于当前的WebKit。
以上内容就是css设置透明层效果的方法,希望对大家有帮助。
相关推荐:
以上就是css设置背景层透明的方法的详细内容,更多请关注其它相关文章!
推荐阅读
-
Android中TextView显示圆圈背景或设置圆角的方法
-
ae透明通道怎么设置? ae输出透明通道mov的方法
-
CSS3实现背景透明文字不透明的示例代码
-
Activity透明/半透明效果的设置transparent(两种实现方法)
-
Win10怎么设置任务栏透明?Win10设置任务栏透明的方法
-
css3编写浏览器背景渐变背景色的方法
-
Android编程将Activity背景设置为墙纸的简单实现方法
-
Win10系统怎么设置透明文件夹?Win10设置透明文件夹的方法
-
Win10如何设置任务栏透明度?Win10设置任务栏透明度的方法
-
Android编程实现设置按钮背景透明与半透明及图片背景透明的方法