码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-12-06 13:11:47      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:cin   oom   3.0   支持   ie6   highlight   relative   round   默认   

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;}

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

标签:cin   oom   3.0   支持   ie6   highlight   relative   round   默认   

原文地址:http://www.cnblogs.com/mchtig/p/7991796.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!