Question

我有一个图像设置为我的背景，但我做的不会显示。我已经仔细检查过我的设置是否正确。它是。我也试过css。那里没有运气。这是我尝试的CSS和我尝试过的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>

不确定为什么会这样。我相信有更多洞察力的人可以告诉我原因。

Answer 1

尝试使用带有图像的原始html，即

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

这个确切的代码适用于我用chump图像代替background.jpg

我相信你的形象不是你的形象。尝试验证您的html / css /其他代码文件，以确保您不会遇到错误。

Answer 2

<style type="text/css">
    body{
        background-image:url('images/background.jpg'); 
    }

</style>

<body background="images/background.jpg">
    <!-- All your code goes here -->
</body>

请确保将图像放在适当的目录中你可以在这里找到关于背景属性的教程：）

http://www.youtube.com/watch?v=jWn1nWIFbV0&list=SPC1322B5A0180C946

Answer 3

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

当然应该解决你的问题？

Answer 4

好像你错过了'head'标签。

Answer 5

即使您错过了Head标记，代码也能正常工作。可能是愚蠢的，但检查文件夹/图像是否确实存在，如果是，请确保其jpg而不是png或其他...

背景图像没有显示 - HTML

5 个答案: