欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 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>