在IE7.0以下time元素與a元素錯位,一個在上,一個在下。導致的原因是這種情況下span-time元素的margin-top會自動增加20px左右,具體的解決方法如下,感興趣的朋友可以參考下
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元素錯位,一個在上,一個在下。導致的原因是這種情況下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,