css – :before和background-image …它应该工作吗?

前端之家收集整理的这篇文章主要介绍了css – :before和background-image …它应该工作吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div和应用:之前和:之后的图像作为内容。这完美的。现在我需要应用一个背景图片,所以它会重复的div调整大小,但它似乎不工作。是背景图片上:之前和:之后应该是工作?

当前代码

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;
}

解决方法

@michi;在你的before类之前定义高度

CSS:

#videos-part:before{
    width: 16px;
    content: " ";
    background-image: url(/img/border-left3.png);
    position: absolute;
    left: -16px;
    top: -6px;
    height:20px;
}
原文链接:https://www.f2er.com/css/220947.html

猜你在找的CSS相关文章