1. 程式人生 > >兼容IE6/7/8的css實現背景透明

兼容IE6/7/8的css實現背景透明

class clas fff 元素 24點 spa borde lsp stat

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實現背景透明