0

我有一个标题，我试图通过图像文件对其应用背景纹理。html、css 和图像文件都在同一个目录中。这是html：

<body>
<div id=header>
  <div id=picture>
    <img=src=picture.jpeg alt="Profile" align="right" width="180" height="180"/>
  </div>
  <div id=caption>
    <h1>BannerText</h1>
  </div>
</div>
</body>

这是外部样式表代码：

#header
{
  background= url('texture.png');
  width:98%;
}

纹理图像不出现。如果我将它与原始body标签的背景属性一起使用，即

<body background="texture.png">

确实有效。这告诉我这不是 url 的问题，并且所有三个文件都在同一个文件夹中，因此 html 和 css 文件中的相对路径是相同的。为什么纹理图像不显示为标题 div 的背景？

4

2 回答 2

3

是background: url('texture.png');，不是background= url('texture.png');。

还

<img src="picture.jpeg" alt="Profile" align="right" width="180" height="180"/>

不是

<img=src=picture.jpeg alt="Profile" align="right" width="180" height="180"/>

最好将属性值用引号括起来。对 - <div id="picture">,

坏的 -<div id=picture>

于 2013-07-01T23:56:55.147 回答
0

您应该更改<img=src=picture.jpeg alt="Profile" align="right" width="180" height="180"/>为<img=src=picture.jpeg alt="Profile" align="right" width="180" height="180"/>并且在您的 css 中应该是{background: url('urimageurl.jpg');. 确保路径/路由（例如http://yourcsspath.come/css/it.css不会与 ../yourimg.png 对应，因为它不是路由域的路径！）。谢谢

于 2013-07-02T00:11:26.620 回答