悬停时的css下拉选项

时间:2012-01-18 17:30:08

标签: html css

我一直尝试创建一个链接,您可以将鼠标悬停在该链接上并显示链接/选项列表。我有点使用firefox和谷歌浏览器,但当我将鼠标悬停在链接上时,它根本不会显示在Internet Explorer中。

我在firefox和google中也有问题,我想设置链接的底部边框以匹配选项背景颜色列表,以便菜单合并在一起,但我无法获得z-index来显示链接顶部。

我已将所有的css和html代码放在下一页上,供您查看:

http://www.usedcar.co.uk/drop.html

1 个答案:

答案 0 :(得分:1)

通常,对于基于列表的菜单:

  • 不要设置LI的样式,将所有样式放在A - 标记上,并将其display:block
  • 将鼠标悬停在A - 代码上,而不是LI