Question

如何用css改变div的背景图或背景色透明度,并且div内的文字和图片等内容的透明度不改变

<div id="blog">
今天天气真好 热的都感觉不到热了
<img src="blog.jpg" />
</div>

<style>
#blog{
background:url(1.jpg) center no-repeat;
}
</style>

要求用css把#blog的背景图1.jpg的透明度值改为50,#blog内的文字和图片blog,jpg的透明度不变,即默认的100不透明

Answer 1

楼上的说的知识如何做透明，这个网上搜索一下满大街都是～人家问的可不是这个问题
其实很简单的，既然你想做到背景层透明，文字不透明～那就简单了，只要你把这两个层分开就可以了，背景层处于最下面，然后透明，文字层在背景层上面不做任何效果处理，你要的效果就出来了～你可以使用绝对位置与相对位置来控制～我只告诉你思路你可以自己想想哦～

Answer 2

有的时候，为了实现一些特殊效果，需要将页面元素变透明，本文介绍的就是用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果。

CSS: filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/

IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-opacity，而标准的属性是opacity（CSS 3, Moz Family部分支持CSS3）。后面的数值是透明度，使用百分比或者小数。