让div透明而里面的文字不透明的写法

ttx9n · 发表于 2014-8-22 11:12:29

css实现透明且文字不透明，原理是用两个DIV 作为容器实现，具体的写法如下，看看或许对你有所帮助用两个DIV 作为容器实现

Firefox chrome IE6+

复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>让div透明而里面的文字不透明的写法</title>
<style type="text/css">
.opacity{
width:244px;
height:183px;
background:#5b5858;
filter:alpha(opacity=50); /*支持IE */
-moz-opacity:0.5; /*支持FF */
opacity:0.5;
}
.text{
position:relative;
height:183px;
margin-top:-183px;
color:#FFFFFF;
}
</style>
</head>
<body>
<div class="opacity">透明的层透明的层透明的层透明的层透明的层透明的层透明的层透明的层透明的层透明的层透明的层</div>
<div class="text">这里是文字，显示的效果是透明的</div>
</body>
</html>

lba36h7g · 发表于 2022-8-17 06:31:29

撒旦撒旦撒擦擦擦擦

kwzc65wdj · 发表于 2022-9-4 13:07:46

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

qwe520 · 发表于 2022-12-11 16:00:11

管灌灌灌灌灌灌灌灌灌灌

溪谷玉贤 · 发表于 2023-3-27 11:10:47

哟哟哟哟哟以偶

qzdhcgs · 发表于 2023-5-27 12:01:36

女生看了弄丢了卡萨诺的卡洛斯

lba36h7g · 发表于 2023-10-9 03:41:20

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

errol123 · 发表于 2023-10-27 22:59:13

啦啦啦啦啦德玛西亚

123456 · 发表于 2024-1-31 22:14:29

笑纳了老板

7jbiiz · 发表于 2024-4-24 07:10:21

很不错的源码论坛

账号		自动登录	找回密码
密码			立即注册

[CSS] 让div透明而里面的文字不透明的写法

相关帖子