CSS背景图片使用:仅在悬停时显示

时间:2016-07-01 08:51:31

标签: css css-selectors

我有一个包含类.et_pb_button和以下CSS(SASS)的锚元素:

.et_button_no_icon .et_pb_button {

    &:after {
        display: inline-block;
        position: absolute;
        margin-left: 30px;
        content: "";
        background: url("images/boton_rojo.png");
        width: 28px;
        height: 27px;
        margin-top: 2px;
    }
}

问题是图像仅在悬停时显示。请参阅此处的链接:http://oasysgp.kevinmamaqi.com/(锚点是Nuestras Empresas,位于第一个段落下方)。

我想在正常和悬停时显示图像。

2 个答案:

答案 0 :(得分:2)

.et_pb_button:after中有一个opacity: 0;,我在你的css风格中找到了.et_pb_button:after display: none。可悲的是,你还没有上传你的源地图,所以我不知道这是哪一行。但禁用display:none,并禁用不透明度:0;为我做了诀窍。

答案 1 :(得分:0)

将此代码的背景图像设置为默认值.et_button_no_icon a.et_pb_button {...}