转自：

第一种：

只需要在css里面写上红色部分

.content{

background-color: #000000;

/* other browsers */

opacity: 0.4;

/* this works in IE6, IE7, and IE8 */

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); 

/* this works in IE8 only */

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";

}

那他就是黑色的半透明的

第二种：

第一种有个弊端就是当前类下的所有元素都会透明，所以我又找了下面的方式

.content .content_page {

float: right;

width: 738px;

margin-right: 6px;

_margin-right:3px;

    background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/

filter:Alpha(opacity=40);

background:#000000;/*实现IE背景透明*/

}

.content_page img,dt,dd{ position:relative;}

红色部分是实现部分.content_page img,dt,dd 是说明.content_page的img，dt，dd元素都不透明