:之前和背景图像......应该有效吗？

Question

我有一个div并应用:before和:after图像作为内容.这非常有效.现在我需要应用背景图像,因此它会像div调整大小一样重复,但它似乎不起作用.是背景图像:before并且:after应该工作？

目前的代码:

HTML:

<div id="videos-part">test</div>

CSS:

#videos-part{
    background-color: #fff;
    height: 127px;
    width: 764px;
    margin: -6px 0 -1px 18px;
    position: relative;
}
#videos-part:before{
    width: 16px;
    content: " ";
    background-image: url(/img/border-left3.png);
    position: absolute;
    left: -16px;
    top: -6px;
}

Answer 1

@michi; height在你的before伪类中定义

CSS:

#videos-part:before{
    width: 16px;
    content: " ";
    background-image: url(/img/border-left3.png);
    position: absolute;
    left: -16px;
    top: -6px;
    height:20px;
}

Answer 2

背景图片:before和:after元素应正常工作。如果您举一个例子，我可能会告诉您为什么它在您的情况下不起作用。

这是一个示例：http : //jsfiddle.net/namas/3/

例如，您可以使用background-size: 100% 100%（宽度/高度）以％为单位指定元素的尺寸。