Question

现在，我尝试创建以下网页：https://wpjelly.com/shave/

有人可以帮助我，如何禁用中心徽标的（模糊）悬停效果？我仍然想保持菜单和下拉菜单的悬停效果，但是想摆脱它的徽标。我已经尝试添加一些CSS，但是都没有用。

非常感谢您！

亲切的问候，乔纳斯（Jonas）

Answer 1

悬停时，徽标已设置opacity: 0.6。
将其设置为1：

#site-header.center-header #site-navigation-wrap .middle-site-logo:hover img {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}

Answer 2

将不透明度设置为1 并删除过渡

#site-logo #site-logo-inner a img {
    width: auto;
    vertical-align: middle;
    **webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;**

如何删除标题中的徽标悬停

2 个答案: