大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

CSS层透明的实现方法

本篇内容介绍了“CSS层透明的实现方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联自2013年创立以来,先为普陀等服务建站,普陀等地企业,进行企业商务咨询服务。为普陀企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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

代码如下:






CSS定义层的透明效果





   

   

       

透明的网页.


       

IE6,FF测试通过


       

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


       

By  CC-Public Domain


   



   

   

       

A sidebar


       

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


   




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

“CSS层透明的实现方法”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


网站标题:CSS层透明的实现方法
网页地址:http://dzwzjz.com/article/iejsih.html
在线咨询
服务热线
服务热线:028-86922220
TOP