如何只让层背景颜色透明度为50%，而层上面的文字和图片不透明?

xmtestclog 2011-04-02 01:34:34

如何只让层背景颜色透明度为50%，而层上面的文字和图片不透明??

...全文

2942 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

liangjie520520 2011-05-19

打赏
举报

我擦

liangjie520520 2011-05-19

打赏
举报

liangjie520520 2011-05-19

打赏
举报

[Quote=引用 9 楼 leo_xiaoxiaojun 的回复:]
ie的用滤镜是可以实现的。其他的用background-color:rgba(0,0,0,0.5);
ie里面透明效果会继承，试了下4楼说的定了下position之后，还真不会影响到了。嘎嘎。。
不过个人感觉也可以做透明的背景图片。
[/Quote]vv

amhoho 2011-04-07

打赏
举报

body或者某个div中的css中这样写background-image: filter:alpha值

nomore 2011-04-03

打赏
举报

ie的用滤镜是可以实现的。其他的用background-color:rgba(0,0,0,0.5);
ie里面透明效果会继承，试了下4楼说的定了下position之后，还真不会影响到了。嘎嘎。。
不过个人感觉也可以做透明的背景图片。

潮起潮落 2011-04-03

打赏
举报

分开写。

mumubangditu 2011-04-03

打赏
举报

直接FHOTOSHOP处理照片时就设置一下透明度吧。

hongmei85 2011-04-02

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<style>

#kk{

		position:relative;

		width:300px;

		height:300px;

		padding:100px;

}

#div1 {

    position:absolute;

		top:100px;

		left:100px;

		width:300px;

		height:300px;

    background:#ccc;

    filter:alpha(opacity:50);

		-moz-opacity:0.5;

		opacity:0.5;

}

#div2 {

    position:absolute;

		top:100px;

		left:100px;

		width:300px;

		height:300px;

		padding:100px;

}

</style>

</head>

<body>

<div id="kk" style="">

	我们大家一起玩1！

	<div id="div1"></div>

	<div id="div2">我们大家一起玩2！</div>

</div>

</body>

</html>

dalmeeme 2011-04-02

打赏
举报

晕，好像只有ie浏览器有效，firefox、谷歌等下面都不行哦。期待高人解答。

dalmeeme 2011-04-02

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<style>

#div1 {

	width:200px;

	height:200px;

	background:#ccc;

	filter:alpha(opacity:20);

	opacity:0.2; 

}

#div1 div {

	position:relative;

}

</style>

</head>

<body>

<div id="div1"><div>我们大家一起玩！</div></div>

</body>

</html>