Question

我想为我的网页显示背景图片，我有一个jpg用于此目的。我正在使用IE 8和记事本来编写我的html页面。所以我更喜欢使用body标记，并将Background属性设置为图像路径。非常简单！但令我惊讶的是，它根本没有显示图像。当我在同一页面上的Img标签内尝试相同的路径时，它可以工作。此外，当我在body标签中尝试了另一个jpg时，它也有效！

<body background="images/myimage.jpg">
...
...
</body>

最后，我决定将图像转换为png格式，然后就可以了。

<body background="images/myimage.png">
...
...
</body>

我在jpg案件中遗漏了什么？或者身体标签不支持特定大小的jpg，类似的东西？这看起来很奇怪。任何帮助表示赞赏..谢谢！

Answer 1

您应该使用的HTML - 检查以确保图像的URL正确无误。还要确保jpg文件以RGB格式保存，因为大多数浏览器都无法显示CMYK jpeg。

话虽如此，您应该使用CSS将HTML结构与样式和UI问题分开。为此，请从background元素中删除body属性，然后将其放在CSS文件中：

body {
    background-image: url('images/myimage.jpg');
}

Answer 2

最好使用CSS：

body { background-image: url(images/myimage.jpg); }

Answer 3

更清洁的解决方案

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

<body>
.....
....
</body>

后台属性不适用于jpg

3 个答案: