Question

所以，这就是我想要做的事情，

我想添加一个顶部背景条（高度为30px），就像stackoverflow之前使用伪类一样。我知道如果没有它可以轻松完成，但我有兴趣知道是否可以使用：before伪类来完成。

这是我的代码，

<div class="container">
//Other divs
</div>

这就是我正在使用的CSS，

.container:before {
content: " ";
background-image:url(../images/head-bg.jpg);
background-repeat:repeat-x;
min-height:30px;
}

我在某处读到需要添加content: " ";以使伪类工作，所以我在引号中没有添加任何内容。

我已经尝试从css中删除所有后台代码并在内容引号中添加文本并且它可以正常工作。但是，当我添加背景代码时，它不会。

如果有人能指出我正在做的这个错误，我将不胜感激。

感谢您的时间。

Answer 1

您应该将width的{{1}}设置为您需要的任何内容。您也应该使用.container代替height。默认情况下，min-height和:before伪元素也是:after，因此为了应用display:inline和height，您需要更改{{ 1}}。

width

您也可以将空字符串与display一起使用。