控制网页背景、边框的透明度及全透明

一、设置首页主体部分(中、下部所有模块)的背景颜色半透明设置

说明: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>

相关推荐