css样式透明在ie6兼容怎么改?

html-css041

css样式透明在ie6兼容怎么改?,第1张

ie6下的完全透明,直接使用transparent就能全部兼容

.bg{background:transparent}

2、只有半透明才需要用到filter滤镜来处理.

.bg{

background: #000000

filter:Alpha(opacity=50)/* 只支持IE6、7、8、9 */

position:static/* IE6、7、8只能设置position:static(默认属性) ,否则会导致子元素继承Alpha值 */

*zoom:1/* 激活IE6、7的haslayout属性,让它读懂Alpha */

}

不多说,举例说明,例如margin-left:20px这个样式在ie6下面有问题,需要减少数值,如果直接改20这个数值,其他浏览器就会出问题,所以要在后面添加一个_margin-left:15px这样加了“_”以后,只有ie6可以读懂后面的样式,也就是说只有ie6下面margin-left的数值是15px,因为是写在margin-left:20px后面的,所以15px可以将20px覆盖掉,这样就能对ie6的样式进行调整,从而达到良好的兼容性。可能有点罗嗦,不知有没有解释清楚。如果还有问题咱们可以一起探讨,我企鹅267014143 蚀浪。

这里需要用到只有IE能够识别的expression,实现方法请查看下边css代码:

/* 最小高度 */

.min_height{

  min-height:200px

  /* sets min-height for IE */

  _height:expression(this.scrollHeight < 200 ? "200px" : "auto")

}

/* 最大高度 */

.max_height{

  max-height:400px

  /* sets max-height for IE */

  _height:expression(this.scrollHeight > 400 ? "400px" : "auto")

}

通过这个写法,也就可以得到延伸。比如最小宽度,最大宽度问题。