关闭

CSS浏览器兼容性问题,2

202人阅读 评论(0) 收藏 举报
分类:

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:64137次
    • 积分:916
    • 等级:
    • 排名:千里之外
    • 原创:15篇
    • 转载:93篇
    • 译文:0篇
    • 评论:4条
    文章分类
    最新评论