背景属性不适用于jpg

问题描述：

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

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

最后，我决定将图像转换为PNG格式，然后它的工作。

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

我在这里错过了什么jpg格？或身体标记不支持特定大小的JPG，类似的东西？这对我来说看起来很奇怪。任何帮助表示感谢..谢谢！

你应该避免使用'background'属性。改用CSS！ – 2012-03-06 09:44:42

顺便说一句，你应该升级到符合标准的浏览器，如Firefox或Chrome，因为作为网站专家，它是我们教育“群众”远离使用微软提出的不符合标准的浏览器的地方，以使我们的生活变得艰难。 :)另外，如果您使用IE开发，您将在所有符合标准的浏览器中创建问题，而如果您使用兼容的浏览器（即Chrome，Firefox，Safari，Opera ... IE9？）开发，则只会有修复IE。 – SamStar 2012-03-06 14:19:39

@SamStar：现在听起来很合逻辑！ – 2012-03-07 06:19:03

答

你应该有的HTML应该工作 - 检查以确保图像的URL是正确的。还要确保jpg文件以RGB格式保存，因为大多数浏览器无法显示CMYK jpeg。这就是说，你应该真的使用CSS将你的HTML结构与样式和UI关注区分开来。要做到这一点，从body元素删除background财产，而是把这个CSS文件：

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

我转换我的PNG回到JPG，现在其工作正常..！但早些时候它没有工作..我想这可能是RGB的东西，如你所说 – 2012-03-06 10:11:10

答

这是更好地与CSS的工作：

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

答

一个清洁的解决方案是

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

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

背景属性不适用于jpg

相关推荐