您当前位置：首页 > web前端 > htmlcss > CSS 背景透明而文字不透明的方法代码

CSS 背景透明而文字不透明的方法代码

来源：程序员人生发布时间：2014-06-07 15:19:00 阅读次数：2566次

　　本文要介绍的是CSS 背景透明而文字不透明的效果，本实现方法支持多个浏览器，包括：IE、Firefox、Chrome、Opera 等。

　　实例代码如下：

<html>
<title>透明 - Liehuo.Net</title>
<head>
<style>
#container {
color: #154BA0;
background: #ff0000;
filter: Alpha(Opacity=10, Style=0);
opacity: 0.10;
position: absolute;
height: 200px;
width:500px;
z-index:20;
}

#text {
position: absolute;
height: 200px;
width:500px;
text-align:center;
z-index:30;
}
</style>
</head>
<body >
<div id="container"></div>
<div id="text">背景半透明但文字不透明</div>
</body>
</html>

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 IIS自动停止关闭及应用程序池假死自动重启的问题

下一篇 ADODB连接access是出现 80004005 错误的解决方法

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点