悬停改变不透明度

Question

我正在创建自己的网站并在wordpress上使用siteorigin页面构建器。问题是他们没有悬停选项，所以我创建了一个自定义css来对背景颜色进行悬停效果。 当我将鼠标悬停在特定的＆＃34; div＆＃34;或者＆＃34;孩子＆＃34;对于背景，它改变了这一个的不透明度与其余的不同。这是一张展示问题的图片。

hover problem

如您所见，蓝色是不同的，同样的规则应用于名为＆＃34; .featr＆＃34;的背景​​类。

有任何帮助吗？感谢

Answer 1

悬停选择器必须跟随类，所以在这种情况下它应该是：

.featr:hover

而不是：

.featr :hover

是的，但如果您需要帮助，请发布所有代码。我认为你不需要过渡

回应以下评论 所以你需要说明background-color（.featr）的开始，然后是结束状态（.featr：hover）。 转换采用背景css并线性缓解半秒。您应该在下面包含所有过渡行，因为它适用于每个浏览器。

.featr {
background:rgba(0,0,0,1);
-o-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-khtml-transition: background 0.5s linear;
-webkit-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
transition: background 0.5s linear;
}

.featr:hover {
background:rgba(0,0,0,0.5);
}