兼容IE6/7/8的css实现背景透明

html代码

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=khdxz_intro>
<P>本报告期(2017/12/2-2017/12/5)海运煤炭运价经过一期的震荡后再次冲高,并达到2012年7月10日指数发布以来的最高值。12月5日,海运煤炭运价指数OCFI报收1530.24点,期环比上行2.66%。分子指数来看,华东线指数报收1620.05点,期环比上行3.06%;华南线指数报收1229.57点,期环比上行0.93%。 </P></TD></TR>
</TBODY></TABLE>

  

css代码

.khdxz_intro {
  width: 100%;
  background:rgba(0,0,0,0.5);/* IE9以下的浏览器只写此种方法会导致背景完全消失不见 */
  position: static;
  zoom: 1;
  padding: 30px;
  color: #fff;
  font-size: 14px;
  font-family: "微软雅黑";
  line-height: 25px;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.khdxz_intro{ background: #000; 
  filter:Alpha(opacity=50); 
  position: static;/* IE6、7、8只能设置position:static(默认属性) ,否则会导致子元素继承Alpha值 */
  *zoom:1;/* 激活IE6、7的haslayout属性,让它读懂Alpha */
  } 
.khdxz_intro p{ 
  position: relative;/* 设置子元素为相对定位,可让子元素不继承Alpha值 */
  } 
} 
.khdxz_intro p{ #fff;}
posted @ 2017-12-06 11:21  mchtig  阅读(273)  评论(0编辑  收藏  举报