首页 > Web开发 > 详细

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

时间:2017-12-06 12:07:31      阅读:206      评论:0      收藏:0      [点我收藏+]

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实现背景透明

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!