在我们的主页上,我们有几个元素作为菜单点。(图片+标题+小描述)。问题是当鼠标悬停时菜单元素总是有一个边框。(即使我隐藏了边框)。
你可以看看:www.scf-software.com
图片中的问题:
- img5.fotos-hochladen.net/uploads/problem23km5l7qcrp.png
- fotos-hochladen.net/view/problemk1zm7540qh.png
非常感谢你!我真的投入了很多时间,但直到现在我都无法解决它:(
更改您的规则:
a:hover {
background-color: #c7d1d6;
}
您看到的轮廓是链接的背景(包含菜单所有图像的链接)由于该 CSS 规则而发生变化。
编辑 根据 Chrome,它是 site.css 的第 28 行
你试过在你的 A 标签上放一个类吗?然后在 CSS 中声明悬停状态并告诉它没有边框?
<a class="something" href="#">
<div class="menuePoint">
<div class="menuePointIcon">U</div>
<div class="menuePointTitle">SCF</div>
<div class="menuePointDesc">Über SCF Software OG</div>
</div>
</a>
.something:hover
{background-color:white;}
您必须删除
a:hover {
background-color: #C7D1D6;
}
从第 28 行的site.css文件中