0

img 要素で疑似セレクターの前後に使用することは可能ですか? 運が悪いと思っていたので、cssをdivに切り替えたところ、うまくいきました。.page-overhangクラスは img 要素です。

// page overhang mixin
@mixin overhang {
    &:before,
    &:after {
        position: absolute;
        left: 0;
        display: block;
        width: 10px;
        height: 18px;
        background: url(../images/sprite.png) no-repeat;
        content: "";
    }

    &:before {
        top: -18px;
        background-position: 0 -100px;
    }

    &:after {
        bottom: -18px;
        background-position: 0 -119px;
    }
}

/* scss file */
.page-overhang {
    position: relative;
    display: block;
    @include overhang();
}
4

1 に答える 1

2

:before:after疑似要素は、要素の実際のコンテンツの前または後に追加するコンテンツを指定するため、空要素には使用できませんが、空要素にはコンテンツを含めることができません。

于 2012-12-13T23:57:02.163 に答える