css实现网页背景、边框的透明度及全透明的方法实例_html

当前位置：首页 > 网页教程 > html > 正文

本文主要介绍网页背景、边框的透明度以及全透明如何实现的？请看下面的例子。

一、设置首页主体部分（中、下部所有模块）的背景颜色半透明设置
说明：rgba()方法只适用非IE类浏览器。
用到的css代码如下：

复制代码代码示例:

<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实现网页背景、边框的透明度及全透明的方法实例