推拉門沒有背景CSS

Question

是否有可能使用類似這樣的標記

<ul> 
    <li><a href="#"><img alt="" src="/image1.jpg"></a></li> 
    <li><a href="#"><img alt="" src="/image2.jpg"></a></li> 
</ul> 

，做推拉門的效果呢？我有一些CSS，看起來像這樣：

ul li { 
    list-style-type: none; 
    margin:0; padding:0; 
} 
li a { 
    display:block; 
    overflow:hidden; 
    width:225px; 
} 
li a img { 
    float:left; 
} 
li a:hover img { 
    float:right; 
} 

它工作在Firefox，但IE7似乎並不明白浮動：左/浮動：正確的代碼。有任何想法嗎？

Answer 1

看一看除了一個列表這些文章，看看他們做你的需要：

• Sliding Doors of CSS
• Sliding Doors of CSS, Part II

他們有很多其他的好文章，如果你不能像我一樣睡...

Answer 2

您是否嘗試過設置<li>來阻止？

ul li { display: block; } 

如果我記得沒錯，IE瀏覽器對列表有問題，除非您明確定義了樣式。

順便說一句：Sliding Doors是具有不同的含義，你描述一個術語 - 甚至可能會引發一些人關=）