DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> IE7.0以下版本列表li中的元素錯位一個上一個下的解決方法
IE7.0以下版本列表li中的元素錯位一個上一個下的解決方法
編輯:布局實例     

在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,

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved