-1

这是我的背景图片的 CSS。

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

它在除 IE8 之外的所有其他浏览器中都可以正常工作，当页面加载时，它只是 IE 上的白色背景。

如果我要给它一个彩色背景，即#90F，它会工作得很好，只是图像。

有什么建议么？

问候

4

3 回答 3

1

将 URL 放在双引号中，如“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>

此外，您可以查看此 URL 以正确方式包含背景图像 - http://www.tutorialrepublic.com/css-tutorial/css-background.php

于 2013-09-23T10:21:24.813 回答
0

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

因为其他浏览器正在加载图像，所以我认为您不仅获得了正确的图像 URL，而且它的大小写敏感也正确。

你还没有贴出使用background-position，我推荐使用。

例子...

background-position: center center;

background-position: left center;

background-position: 10% center;

background-position: 10% 20%;

如果您使用引号，Mac 上的 IE 将不会加载 CSS 资源（光标、图像等）。如果您确实在 CSS 中使用引号，请仅使用单引号。

于 2013-09-23T10:59:50.470 回答
0

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

于 2013-09-23T10:42:09.147 回答