我正在网站上工作并且正在努力解决一件事。基本上，当您将鼠标悬停在主徽标上时，徽标的背景会变白并且看起来很糟糕。我在三种不同的浏览器中试过这个。除了鼠标指针更改为链接指示器，我不希望悬停时任何其他视觉更改。如果有帮助的话，这是一个基于bootstrap的mediawiki主题。
该网站是：www.nebdat.com
我已经发现该部分名为p-logo并尝试了以下内容：
#p-logo:hover { background-color: transparent !important; }
但它似乎没有做任何事情。但是，当我尝试：
#p-logo:hover { opacity: 0; }
徽标和背景都是透明的，所以我知道它是对象的正确名称。但是，我希望保留徽标名称。
我希望这是有道理的。我对此很陌生。
希望你有一些建议。
谢谢，
JT
答案 0 :(得分：3)
@media screen
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
这是造成它的。
答案 1 :(得分：0)
这应该这样做：
#p-logo > a {
background: transparent;
}
这不是悬停背景的图像，而是锚标记。
答案 2 :(得分：0)
您不必覆盖它，您只需将其删除即可。从load.php中找到并删除此代码：
img:hover{background:white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQYV2N4DwX/oYBhgARgDJjEAAkAAEC99wFuu0VFAAAAAElFTkSuQmCC) repeat;background:white url(http://www.nebdat.com/wiki/skins/common/images/Checker-16x16.png?2013-05-25T13:38:20Z) repeat!ie}