1

我是 css 和 html 的新手。我有这样的东西，但我没有显示背景图像

...
<style type="text/css">
    #header_contain{
width:935px;
height: 135px;
background-image: url('bg.gif') repeat-x;
background-color:#E42323;
}
</style>

</head>
<body>
<div id="header_contain">
    <h4>haga</h4>
</div>
</body>
...

我检查了图像位置，没关系。我从谷歌放了一张图片，它显示了。现在它只显示 bg 颜色。我怎样才能让bg图像显示出来？

4

4 回答 4

4

将您的 CSS 更改为：

#header_contain{
width:935px;
height: 135px;
background-image: url('bg.gif');
background-repeat: repeat-x;
background-color:#E42323;
}
于 2012-08-25T14:13:59.923 回答
2

在浏览器中右键单击元素并选择inspect element.
在打开的窗口中找到您的元素属性并找到它的背景 url。
如果 url 不正确，您将看到一个工具提示Failed to load the url。

火狐萤火虫

在Firefox浏览器中，打开firebug插件并切换到console选项卡，重新加载页面。
您将在那里看到 http 请求。如果浏览器无法打开 URL，您将在控制台看到错误。

于 2012-08-25T14:49:23.723 回答
1

background-image属性值应该只包含图像 URL，而你也有repeat-x。

于 2012-08-25T14:32:44.003 回答
1

你应该写

background-image: url('bg.gif');
background-repeat: repeat-x;
background-color:#E42323;
background-position: left top;

你需要了解所有这些事情，比如

“背景图片”是您可以在其中添加图片的标签。“background-repeat” 帮助您在 x 和 y 轴上重复图像 “background-color” 帮助您填充颜色 “background-position” 将帮助您更改图像在 px 、 em 等中的位置。所以over code也可以这样“ background: url('bg.gif') #fff left top repeat-x ;”

于 2012-08-25T14:36:23.237 回答