IE7.0下列版本号目录li中的元素移位1个上1个下的

日期:2020-10-22 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板

HTML:

拷贝编码
编码以下:

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

CSS:

拷贝编码
编码以下:

.time{float:right}

以上编码会在IE7.0下列time元素与a元素移位,1个在上,1个在下。致使的缘故是这类状况下span-time元素的margin-top会全自动提升20px上下(实际为何提升不知道道,假如哪位高手了解的话给我留个言哈~感谢不尽)。处理方式以下,应用CSS hack :

拷贝编码
编码以下:

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

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,