CSS浏览器兼容性问题,2

1. Sass中写css hack

$hack_ie7:'+';

#iditem{ #{$hack_ie7}display: inline; }

 

2.      Volecity foreach获取下标和size

$!{velocityCount}数量是从1开始的

#foreach($fundDet in $!list) 

          <td height="32px">$!{velocityCount}</td>  

 <td height="32px">$!{list.size()}</td>

#end

 

判断velocity 中数组是否包含元素 indexOf。类似JS

3.  IE7以下绝对定位被某元素遮挡

IE7以下浏览器中。一些悬浮框被一些元素遮挡的问题,这些元素一般都是设置了position的。问题的根本在不是被设置绝对定位的元素上,而是在设置了相对定位的父元素上。当设置了相对定位的父元素如果没有设置z-index属性,当后面有元素设置position:relative的时候,则后面的元素就会遮挡掉前面的元素,不管前面的元素设置了多大的z-index.

解决方法:

1.对遮挡元素中设置z-index:0;初始化掉。

2.在被遮挡的父元素中,也就是设置了相对定位的元素中设置z-index属性,最好比遮挡元素要大一些。

平时编写中,编写了position:relative后就要及时在后面设置z-index:0;

 

4.      IE6/IE7下position:absolute;绝对定位偏移、不显示问题

原因是因为IE6/IE7的解析是在position:absolute之后,仍然会按照普通文档流的解析来进行,而要打破这种方式,让它正常工作就需要给它一个定位

解决方法:

1.   增加定位 left top

2.   Absolute元素前增加空div

阅读更多
个人分类: 前端
想对作者说点什么? 我来说一句

CSS在不同浏览器兼容性问题

2012年03月12日 61KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭