Question

我正在处理一个页面，我将内容放在样式表的包装器中。然而，包装器的背景并没有出现在内容背后，我无法弄清楚原因。

以下是代码段。

#wrapper {
  width: 850px;
  margin-top: -44px;
  padding: 15px;
  background-image: url('http://www.website.com/tumblr/images/contentbg_grey.png') repeat-y center;
  border: dashed thin blue;
  position: relative;
  text-align:center;
}

Answer 1

background-image: url('http://www.website.com/tumblr/images/contentbg_grey.png') repeat-y center;

应该是：

background: url('http://www.website.com/tumblr/images/contentbg_grey.png') repeat-y center center;

如果您使用简写

，请删除“-image”

Answer 2

此网址没有图片。检查你的形象。 Css代码似乎是正确的。只需将背景图像更改为背景即可。 http://www.website.com/tumblr/images/contentbg_grey.png

测试：

<html>
<head>
<style type="text/css">
div#wrapper {
                width: 850px;
                min-width: 850px;
                min-height: 400px;
                margin-top: -44px;
                padding:15px;
                background: url('http://www.website.com/img/logo.png') repeat-y center;
                border: dashed thin blue;
                position:         relative;
                text-align:center;
            }
</style>
</head>
<body>
<div id="wrapper"></div>
</body>
</html>

我对这个CSS做错了什么？

2 个答案: