包装器div的背景图像不起作用

时间:2013-12-29 14:05:34

标签: html css wrapper

我必须设计一个带框架的网站。 我想在主页面上创建一个框架,在右边创建另一个框架。但是框架集大多数时候都是丑陋的,不是吗?所以我想在#4e4e4e中为包装div和左边的一个小边框定义一个背景图像,以使它更好一些。但这不起作用。我没有看到任何图像,即使它似乎正确嵌入... 你能告诉我如何用左灰边框做那件事吗?我想到了包装纸的左边框,但我不确定。 谢谢!

<style>
#wrapper {
    background-image: url(../img/rook/img/fever.jpg);
    background-color: #4e4e4e;
    width: 500px;
    height: 200px;
    border: 1px solid red;
    padding: 20px;
}
</style>
</head>
<body>
    <div id=wrapper">
        <ul>
            <li>Main</li>
            <li>History</li>
        </ul>
        <br>
        <!--...-->
    </div>

3 个答案:

答案 0 :(得分:1)

<div id = "wrapper">
...
</div>

答案 1 :(得分:0)

ID“包装器”周围缺少引号

它应该是这样的:

<body>
  <div id="wrapper">
  ...
  </div>
</body>

答案 2 :(得分:0)

<div id=wrapper">

只需将此行改为

即可
<div id="wrapper">