2014-01-22 93 views
0

我有一个图像设置为我的背景,但我做什么都不会显示。我有双重检查,我的设置是正确的。它是。我也试过css。那里没有运气。这里是我试过的CSS和我试过的html:背景图片不显示 - HTML

<html> 
<link href="css/lightbox.css" rel="stylesheet" /> 
<script src="js/jquery-1.10.2.min.js"></script> 
<script src="js/lightbox-2.6.min.js"></script> 
<body background="images/background.jpg"> 
<td colspan="2"> 
<td> 
<a href="images/menu.png"><img src="images/menu.png"/></a> 
</td> 
more code here... 
</body> 
</html> 

<html> 
<link href="css/lightbox.css" rel="stylesheet" /> 
<script src="js/jquery-1.10.2.min.js"></script> 
<script src="js/lightbox-2.6.min.js"></script> 
<body style="background-image:url(images/background.jpg)"> 
<td colspan="2"> 
<td> 
<a href="images/menu.png"><img src="images/menu.png"/></a> 
</td> 
more code here... 
</body> 
</html> 

不知道为什么会发生这种情况。我相信有更多见识的人可以告诉我为什么。

+1

是否如果你工作找教程链接到外部图像,而不是本地? –

+1

从[验证您的标记](http://validator.w3.org)开始,然后查看浏览器的开发人员工具的“网络”选项卡,查看是否正在制作对图像的请求,请求了哪些网址是正确的,你得到了什么答案。 – Quentin

+0

不,它不工作,当我做本地 – apples

回答

1

尝试只是原始的HTML与图像,即

<html> 
    <body background="images/background.jpg"> 
     <div>Filler content so the body has some height.</div> 
    </body> 
</html> 

这个确切的代码对我的作品与我到位background.jpg

的笨蛋像我相信你有一个问题除了你的形象之外的东西。尝试验证你的html/css /其他代码文件,以确保你不会陷入错误。

-1

它看起来像你缺少'头'标记。

+1

你不需要头标记 – apples

+0

头标记不影响身体? – Night

0
<body style="background:url('images/background.jpg');"> 

肯定应该解决您的问题?

+0

没有什么区别 – apples

+0

你确定你的图片文件夹是“图片”而不是“资产”吗?或者“背景”被称为“背景”或者扩展名被称为“.jpg”而不是“jpeg”? – Night

-2

即使您缺少Head标签,代码也能正常工作。 可能是愚蠢的,但检查该文件夹/图像实际上存在,如果是这样,请确保它的JPG,而不是PNG或东西...

0

此代码的工作对我来说...

<html> 
<link href="css/lightbox.css" rel="stylesheet" /> 
<script src="js/jquery-1.10.2.min.js"></script> 
<script src="js/lightbox-2.6.min.js"></script> 
<body style="background-image:url('X:\tp.jpg');"> 
<div > 
<td colspan="2"> 
<td> 
<a href="images/menu.png"><img src="images/menu.png"/></a> 
</td> 
more code here... 
</div> 
</body> 
</html> 

和工作以及也没有div标签... 你有尝试调试你的代码与萤火虫例如?? ??