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似乎不理解float：left / float：right code。有什么想法吗？

Answer 1

在A List Apart上查看这些文章，看看他们是否符合您的要求：

如果你不能像我一样睡觉，他们还有很多其他好文章......

Answer 2

您是否尝试过设置＆lt; li＆gt;阻止？

ul li { display: block; }

如果我没记错，除非你明确定义了样式，否则IE会遇到列表问题。

顺便说一句：Sliding Doors是一个与你所描述的含义不同的术语 - 甚至可能会让一些人离开=）

没有背景CSS的滑动门

2 个答案: