Question

我在我的身体上使用了背景图像，这在Firefox和＆资源管理器，但在Safari或Chrome中根本不显示。身体背景图像的代码如下所示：

HTML

<body>

CSS

body
{
background:url('misc/body2.png') no-repeat;
background-size:100%;
-webkit-background-size:100%;
-moz-background-size:100%;
-o-background-size:100%;
-ms-background-size:100%;
overflow:hidden;
font-size:100%;
}

Chrome＆amp; Safari只显示带有上述代码的空白页面，而Firefox＆amp; Exploer都按预期显示全尺寸图像。有谁知道我哪里出错了？还没有其他代码编写，所以没有其他任何东西可以影响上面的

Answer 1

我将背景大小更改为简单自动，并且它似乎在Chrome，IE和Firefox中运行得很好（没有Safari可以测试）。这是fiddle。

body
{
   background:url('misc/body2.png') no-repeat;
   background-size: auto;
   overflow:hidden;
   font-size:100%;
}

在Firefox＆amp;资源管理器，但不适用于Safari或Chrome

1 个答案: