Question

这是我的背景图片的CSS。

#container {
    background:url(images/Background.jpg);
    width: 1000px;
    height: 1400px;
    padding-top: 25px;
    margin: auto;
    overflow: auto;

除了IE8之外，它在所有其他浏览器中都运行良好，当页面加载它时，它只是IE上的白色背景。

如果我要给它一个彩色背景，即＃90F它会完全正常，只是图像。

任何建议？

问候

Answer 1

将网址设置为双引号，例如“images / Background.jpg”，并使用“}”关闭样式声明 -

<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
    #container {
        background:url("images/Background.jpg");
        width: 1000px;
        height: 1400px;
        padding-top: 25px;
        margin: auto;
        overflow: auto;
    }
</style>
</head>
<body>
    <div id="container"></div>
</body>
</html>

此外，您可以查看此网址，了解包含背景图片的正确方法 - http://www.tutorialrepublic.com/css-tutorial/css-background.php

Answer 2

我有类似的问题，我的背景图像是白色字母，它没有在IE8中显示（它显示但移动到我有背景颜色为白色的地方），在其他浏览器中显示好吧，我通过放display:inline-block来解决，你可以试试这个。一个原因是“容器”可能没有足够的空间来显示图像，它应该在哪里，并且它将重新定位到其他地方，你可以通过放置border: 2px solid black.来检查这一点我宁愿推荐给具有适当的宽度，高度和浮动值，以避免将来出现这些问题。

Answer 3

IE8虽然不是其他浏览器，但不区分大小写。

因为其他浏览器正在加载图像，所以我认为你不仅能够正确识别图像URL，尽管它的大小写敏感也是正确的。

您尚未发布background-position的使用，我建议您使用它。

...实例

background-position: center center;

background-position: left center;

background-position: 10% center;

background-position: 10% 20%;

如果使用引号，

Mac上的IE将不会加载CSS资源（游标，图像等）。如果你在CSS中使用引号，则只使用单引号。

背景图像不在IE 8中显示，但在其他浏览器中工作正常

3 个答案: