Question

我刚创建了一个带有png格式背景图像的simle HTML页面。这适用于Forefox和Chrome。在IE11中，它无法正常工作。这是我的代码......

<!DOCTYPE html>
<html>
<head>
    <title> Login Page </title>
</head>
<body style="background-image:url(Image1.png)">
</body>
</html>

Answer 1

出于某种原因.ie11需要附加一个宽度属性。你可以用css做到这一点。

.ie11 body{ width: auto; }

Answer 2

当图像无效且IE，edge不允许图像渲染时，我遇到了此错误。

FIX ：检查图像的mime类型并根据mime类型更改扩展名。

错误的屏幕截图（sample_banner_607.png），此图片的mime类型为 image / jpeg

因此，当我将扩展名改回JPG时，它可以工作（sample_banner_607.jpg）。

参考