CSS如何实现层透明

这篇文章给大家分享的是有关CSS如何实现层透明的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联公司服务项目包括东莞网站建设、东莞网站制作、东莞网页制作以及东莞网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,东莞网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到东莞省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

具体分析如下:

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

代码如下:






CSS定义层的透明效果







透明的网页.


IE6,FF测试通过


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


By CC-Public Domain







A sidebar


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






感谢各位的阅读!关于“CSS如何实现层透明”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


标题名称:CSS如何实现层透明
文章路径:http://scyanting.com/article/ihoogp.html