资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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层透明的实现方法
URL地址:http://cdkjz.cn/article/iejsih.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220