Question

我有一个标题，我正在尝试通过图像文件应用背景纹理。 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标签的background属性一起使用，即

<body background="texture.png">

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

Answer 1

它是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>

Answer 2

您应该将<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对应，因为它不是路由域的路径！）。感谢

为什么不在css中显示背景图像？

2 个答案: