Question

我有一张背景图片，我正试图模仿不透明度。 opacity:.5;不起作用，所以我决定在顶部添加一个半透明的白色方块。

.pic:after{
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.pic:after:hover{
    content:"";
    background-color: rgba(118, 255, 161, 0.35);
}

我错过了什么？

Answer 1

.pic:after不是DOM中的元素。您必须在:hover上应用.pic，然后选择其：伪元素（.pic:hover:after）。

.pic:hover:after{
    content:"";
    background-color: rgba(118, 255, 161, 0.35);
}

我试图得到：之后：盘旋上班

1 个答案: