六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 147|回复: 0

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

[复制链接]

升级  39.67%

95

主题

95

主题

95

主题

举人

Rank: 3Rank: 3

积分
319
 楼主| 发表于 2013-2-7 19:33:53 | 显示全部楼层 |阅读模式
一、设置首页主体部分(中、下部所有模块)的背景颜色半透明设置

说明: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>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表