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

CSS层透明实现方法关于css设置层透明CSS实现让文字半透明显示在图片上的方法css+filter实现简单的图片透明效果使用CSS3实现圆角,阴影,透明纯CSS3实现的背景透明迷人的联系表单特效 CSS如何只改变父元素背景透明度不改变子元素透明度让div透明而里面的文字不透明的写法css实现半透明效果基本原理css中filter:alpha透明度使用小结兼容IE、火狐

2021-09-05 923人已围观

简介 这篇文章主要为大家介绍了CSS层透明实现方法,涉及filter:alpha属性的使用技巧,非常简单实用,需要的朋友可以参考下

本文实例讲述了CSS层透明实现方法。分享给大家供大家参考。具体分析如下:

这个代码段是演示用CSS控制一个DIV层的透明效果,大家可以看到平铺的背景已经显现出来,实际上比较简单就可以实现,就是用CSS控制一个DIV层,定义样式表时加入filter:alpha(opacity=65);这句代码,里面的值是用来控制透明度的,你可以试着改变它的值,会有不同的透明效果。


复制代码
代码如下:





CSS定义层的透明效果







透明的网页.


IE6,FF测试通过


这是一个透明的网页,还不错吧?实际上是用CSS控制DIV层的半透明状态,这样会使平铺的背景显现出来,看上去酷了不少。


By CC-Public Domain







A sidebar


这是右侧,你可以尝试修改一下。







希望本文所述对大家的div+css网页设计有所帮助。

相关内容

-六神源码网