html - CSS:链接悬停在 Chrome 和 Safari 中不起作用

标签 html css google-chrome safari webkit

我遇到了 this free example website design template顶部有一些链接。根据 CSS,悬停时,链接文本及其背景应该改变颜色。它适用于 Firefox、Opera 和 IE,但在 Chrome 17.0.963.79 和 Safari 5.1.2 中悬停时没有变化,所以我怀疑是 webkit 问题。但是 CSS 看起来很无害。哪里出了问题?此悬停的 CSS 部分如下:

.topNaviagationLink a:hover
{
text-align:center;
border-bottom:none;
color:#0C61C9;
display: block;
width:121px;
height: 35px;
line-height: 35px;
background-image:url(tab.png);    
}

最佳答案

这很有趣......

这行得通吗?

.topNaviagationLink:hover a
{
text-align:center;
border-bottom:none;
color:#0C61C9;
display: block;
width:121px;
height: 35px;
line-height: 35px;
background-image:url(tab.png); 
}

关于html - CSS:链接悬停在 Chrome 和 Safari 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9691416/

相关文章:

jquery - Bootstrap 模态 "shown.bs.modal"不会改变我在模态内的复选框

javascript - Chrome 开发者工具未显示带有请求 header 的 xhr 大小

google-chrome - Chrome 开发工具有多个 Pane 吗?

html - 强制 Chrome 将按钮大小设置为固定而不是小数

html - CSS 2 列,首先定义第二个的最大高度,如果需要将使用滚动

html - 列表按钮响应式设计

javascript - 在CSS中做一个下拉按钮

html - 用于图像的 Twitter Bootstrap 模式

javascript - 单击菜单中的元素隐藏下拉菜单

jquery - Chrome + jQuery 隐藏/显示内联