CSS问题:a:悬停不使用IE(需要css Ninja)

Tim*_*mJK 12 html css firefox internet-explorer dhtml

为什么IE不会更改我的网站上的标签a:hover的背景颜色,但是在Firefox/Chrome/Safari中是否正确?

我该怎么做才能使它在IE 6+中运行?

HTML

<ul class="tabbernav">
<li class="tabberactive"><a title="All" href="javascript:void(null);">All</a></li>
<li class=""><a>Tab1<span class="tabTotal"> (0)</span></a></li>
<li class=""><a>Tab2<span class="tabTotal"> (2)</span></a></li>
<li class=""><a>Tab3<span class="tabTotal"> (1)</span></a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

CSS

ul.tabbernav li a:hover {background:#fdfdfd; border: 1px solid #555; border-bottom: none; color:#3366a9; cursor: pointer}
Run Code Online (Sandbox Code Playgroud)

thi*_*zar 9

您应该将href=""属性放在<a>标记中.

这样可以正常工作.

也可以使用<!doctype html>页面顶部的标签.现在一切都会好的.


Kel*_*ron 8

我要做的第一件事是仔细检查psuedo选择器的顺序是否正确.

它应该是-

a:link {color:#FF0000} /* unvisited link */  
a:visited {color:#00FF00} /* visited link */  
a:hover {color:#FF00FF} /* mouse over link */  
a:active {color:#0000FF} /* selected link */  
Run Code Online (Sandbox Code Playgroud)

我记得唯一特定的IE悬停问题涉及非链接元素,所以我不认为这是你的问题.http://www.bernzilla.com/item.php?id=762 - 以防万一.

如果这不能回答你的问题,你介意发布相关的css块吗?


GAH-这很难!

看起来IE正在破坏,因为链接没有关联的Href元素.解决这个问题,你应该没问题.

- 打破新闻 - 我可能是个白痴 - 这是我在我的测试页面上改变的最后一件事并且修复了它但是当我把它全部重新组合在一起时它到处都是...所以采取我刚发布的一粒盐.我正在备份,看看发生了什么.