控制网页背景、边框的透明度及全透明
程序员文章站
2022-07-07 21:39:19
...
一、设置首页主体部分(中、下部所有模块)的背景颜色半透明设置
说明:rgba()方法只适用非IE类浏览器。
设置的代码如下:
<style type=text/css>
.main{background:rgba(255, 255, 255, 0.4);}
</style>
说明:rgba(255, 255, 255, 0.4)表示设置背景为白色的,透明度为40%,为非IE类浏览器的设置方法,对IE类浏览器没效果。如若不设置透明度的代码:.main{background:rgb(255, 255, 255);}
设置IE类浏览器的背景透明(透明度设为80%,因为此方法将设置所有内容都会有80%的透明度,因此不能设太低):
设置的代码如下:
<style type=text/css>
.main {background-color:rgb(255, 255, 255);filter:alpha(opacity=80);}
</style>
二、设置首页主体部分(中、下部所有模块)的的背景颜色完全不显示(即全透明)
代码如下(此方法既适用IE也适用非IE类浏览器):
<style type=text/css>
.main {background:transparent;}
</style>
下一篇: css实现input 输入框背景透明源码
推荐阅读