Question

我是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图像？

Answer 1

将您的CSS更改为：

#header_contain{
width:935px;
height: 135px;
background-image: url('bg.gif');
background-repeat: repeat-x;
background-color:#E42323;
}

Answer 2

在浏览器中右键单击元素，然后选择inspect element 在打开的窗口中找到您的元素属性并找到其背景URL 如果网址不正确，您会看到工具提示Failed to load the url。

firefox firebug

在firefox浏览器中，打开firebug插件并切换到console标签，重新加载页面。
你会在那里看到http请求。如果浏览器无法打开Url，您将在控制台看到错误。

Answer 3

只有background-image时，

repeat-x属性值才应包含图片网址。

Answer 4

你应该写

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

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

“背景图片”是可以添加图片的标签。 “background-repeat”这有助于您在x和y轴上重复图像 “背景颜色”可以帮助您填充颜色 “background-position”将帮助您改变px，em等图像的位置。因此代码可以通过这种方式和“background: url('bg.gif') #fff left top repeat-x ;”

一样

css图像没有显示出来

4 个答案:

firefox firebug