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