Html css图像未显示
我不熟悉css和html。 我有这样的东西，但我没有看到背景图像Html css图像未显示,html,css,Html,Css,我不熟悉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_co
...
<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>
...
。。。
#标题包含{
宽度：935px；
高度：135px；
背景图片：url（'bg.gif'）repeat-x；
背景色：#E42323；
}
房屋
...
我检查了图像位置，一切正常。我放了一张谷歌的图片，它显示了。现在它只显示bg颜色。如何显示bg图像？将css更改为：
#header_contain{
width:935px;
height: 135px;
background-image: url('bg.gif');
background-repeat: repeat-x;
background-color:#E42323;
}
将css更改为：
#header_contain{
width:935px;
height: 135px;
background-image: url('bg.gif');
background-repeat: repeat-x;
background-color:#E42323;
}
背景图像重复-x时包含图像URL。背景图像
属性值应仅在您也有重复-x时包含图像URL。您应该编写
background-image: url('bg.gif');
background-repeat: repeat-x;
background-color:#E42323;
background-position: left top;
你需要理解这些事情，比如
“背景图像”是可以添加图像的标记。
“背景重复”这有助于您在x轴和y轴上重复图像
“背景色”可以帮助你填充颜色
“背景位置”将帮助您更改图像在px、em等中的位置。
所以over code也可以用这种方式“background:url（'bg.gif'）#fff left-top repeat-x；
”您应该编写
background-image: url('bg.gif');
background-repeat: repeat-x;
background-color:#E42323;
background-position: left top;
你需要理解这些事情，比如
“背景图像”是可以添加图像的标记。
“背景重复”这有助于您在x轴和y轴上重复图像
“背景色”可以帮助你填充颜色
“背景位置”将帮助您更改图像在px、em等中的位置。
因此，可以通过这种方式覆盖代码“background:url（'bg.gif'）#fff left-top repeat-x；
”在浏览器中右键单击元素并选择inspect element
在打开的窗口中查找元素属性并查找其背景url。
如果url不正确，您将看到工具提示无法加载url
火狐萤火虫
在firefox浏览器中，打开firebug插件并切换到控制台
选项卡，重新加载页面。
您将在那里看到http请求。如果浏览器无法打开Url，您将在控制台上看到一个错误。在浏览器中右键单击元素，然后选择检查元素
在打开的窗口中查找元素属性并查找其背景url。
如果url不正确，您将看到工具提示无法加载url
火狐萤火虫
在firefox浏览器中，打开firebug插件并切换到控制台
选项卡，重新加载页面。
您将在那里看到http请求。如果浏览器无法打开Url，您将在控制台上看到一个错误。您使用的是Google Chrome还是Safari？如果是这样，请查找内置的开发人员工具：一旦它们处于活动状态，右键单击#header_contain元素并点击“inspect element”。这将显示应用的CSS，这将有助于您研究问题，很难从您发布的代码中分辨出来。如果图像位置良好（与上面提供的文件相同的文件夹），您可能会发现一些高度问题？你把它向右边伸展。因此，1px高的图像几乎是不可见的。图像的路径不是相对于站点的根目录，而是相对于css文件路径，因此图像是否与css文件位于同一目录中？请确保bg.gif与css文件位于同一文件夹中，如果您可以发布文件夹结构，这将有所帮助（或指向文件的链接）…此外，请确保图像名称（bg.gif、bg.png…）？尝试将其更改为background:#e42323 url（bg.gif）repeat-x；
。您是否使用谷歌浏览器或Safari？如果是这样，请查找内置开发工具：一旦它们处于活动状态，右键单击#header_contain元素并点击“inspect元素”。这将显示应用的CSS，这将有助于您研究问题，仅从您发布的代码很难区分。如果图像位置良好（与上面提供的文件相同的文件夹）您可能对高度有一些问题？您正在将其向右拉伸。因此1px高的图像几乎不可见。图像路径与网站的根目录无关，但与css文件路径有关，因此图像是否与css文件位于同一目录中？请确保将bg.gif与css文件放在同一文件夹中，如果您可以发布文件夹结构，这将有帮助（或链接到您的文件）…此外，请确保图像名称（bg.gif、bg.png…）？尝试将其更改为background:#e42323 url（bg.gif）repeat-x；
。