Question

css透明度，ie，火狐都透明，ie里内容不随着背景透明度改变，火狐里的内容随着背景透明度改变，如何解决

Answer 1

FF、CH、OP、IE9、10都是可以的，用css3的rgba(但是你得放弃IE8以下的效果)

要兼顾IE6-8的话，两个办法：
1.不用透明度，用半透明的png图片做背景(IE6不支持png背景透明度，用dd_png.js可以很好解决这个问题)
2.用透明度，但内容和透明的背景实际上不是父子关系，而是单独的两个层，一个层设置透明度，内容那个层用定位放到有透明度那个层上面去重叠

追问

就是用定位，但是不知道为什么火狐就是不兼容，内容也变浅

追答

你不能把内容弄成透明那个层的子级

追问

麻烦你给我举个例子吧，谢谢了，我的内容还是想在背景上面显示

追答

这个元素是内容区，把这个元素用css定位重叠到透明元素上

要点：
1.最外层div相对定位
2.内层div设透明度，FF、CH、OP、IE9、IE10用标准方法，IE8以下用IE专有滤镜
3.内层div设置宽高
4.p绝对定位摆放到合适位置

代码，自己动手查资料，自己想办法边学边写，不然你永远不会。

Answer 2

　　您好！很高兴为您答疑！

　　您可以直接使用jQuery设置CSS透明度更直观更容易实现，因为在所有浏览器代码都一样，并且你不必担心在IE下元素是否“haslayout”：
$("#myElement").css({ opacity: .4 }); // 所有浏览器有效
　　您也可以使用一下jQuery代码使一个元素动画透明：
$("#myElement").animate({ opacity: .4 }, 1000, function() { // 动画完成，所有浏览器下有效 });
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

你的透明css不兼容，参考渴切-开源中文css框架 里的透明css写法