1

私はページで作業しており、スタイルシートのラッパーにコンテンツを配置しています。ただし、ラッパーの背景がコンテンツの背後に表示されず、その理由がわかりません。

これがコードスニペットです。

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

2 に答える 2

5
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」を削除します

于 2012-05-30T22:44:58.817 に答える
0

この URL の画像はありません。あなたのイメージをチェックしてください。CSSコードは正しいようです。background-image を background に変更するだけです。 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>
于 2012-05-30T23:05:29.993 に答える