IE7.0以下版本列表li中的元素错位一个上一个下的解决方法
IE7.0以下版本列表li中的元素错位一个上一个下的解决方法
发布时间:2016-12-27 来源:查字典编辑
摘要:HTML:[${ross.parentName}]${ross.title}[${ross.updateDate}]CSS:.time{fl...

HTML:

<li><span>[${ross.parentName}] </span><a href="../ShowNews?id=${ross.newsID}">${ross.title } </a><span>[${ross.updateDate}]</span></li>

CSS:

.time{float:right}

以上代码会在IE7.0以下time元素与a元素错位,一个在上,一个在下。导致的原因是这种情况下span-time元素的margin-top会自动增加20px左右(具体为什么增加不知道,如果哪位大神知道的话给我留个言哈~感激不尽)。解决方法如下,运用CSS hack :

.time{float:right;*margin-top:-20px;}

CSS hack 知识:

区别IE6与FF:

background:orange;*background:blue;

区别IE6与IE7:

background:green !important;background:blue;

区别IE7与FF:

background:orange; *background:green;

区别FF,IE7,IE6:

background:orange;*background:green;_background:blue;

background:orange;*background:green !important;*background:blue;

注:IE都能识别*;标准浏览器(如FF)不能识别*;

IE6能识别*,某些情况下不能识别 !important,

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类