<style>
.mainContainer{
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=red, endColorStr=yellow, gradientType='0')
}
</style>
<body>
<div class="mainContainer" style="width:200pxheight:200px">
<p>hello world!</p>
</div>
</body>
</html>
不透明度会作用于整个元素以及它所有的子元素,子元素不透明度=父元素不透明度乘以子元素本身不透明度,而opacity的范围是0~1,所以就算把里面的div的opacity设为1也没有用,子元素是没办法获得大于父元素的不透明度值的。如果是万不得已视觉排版效果上的需要,可以分别设置两个兄弟元素的不透明度,然后用position的方法将一个放在另一个的上方。