0

我有一个图像设置为背景div。它在 IE10 中加载良好，但为什么它只在 chrome 中加载一半？刷新页面后它会完全加载。

这是我的 CSS 代码。我不确定它是否完美优化，但它适用于 IE10。唯一的问题是背景没有加载 chrome。

html, body {
    background-color:black;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
    color:white;
    font-family:"Century Gothic",Times new roman, Georgia, Serif;
}
#container {
    min-height:100%;
    height:auto;
    height:100%;
}
#img {
    margin:0 auto;
    width:800px;
    height:700px;
    background-image:url("../images/comingsoon.jpg");
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
    padding-bottom:50px;
}
#text {
    padding-bottom:100px;
}
#footer {
    position:relative;
    bottom:0;
    width:99%;
    padding-bottom:1px;
}
.link a:hover, a:visited, a:link, a:active{
    text-decoration:none;
    color:white;
}
img {
    border:0;
}
4

1 回答 1

0

这就是小提琴，我第一次使用它希望没问题 http://jsfiddle.net/tH2bL/1/enter code here

但如果没有图像，您实际上看不到我的问题，您可以在 www.speakeasy-events.com 上的 chrome 上查看

指向 css div img 的 jpg 链接在谷歌浏览器上加载了一半，但在 IE10 上没有加载，我需要刷新它才能获得完整的图片。

另一件事我不确定我的代码是否真的优化了，我想我可能需要很多 div 来做我想做的事，或者我应该把 div #text 放在相对于 #img 的位置上，这样它就保持在同一个地方

对于另一个问题，您可以看到，当浏览器窗口较小并且您使用滚动条时，div 文本会越过 img 并将其屏蔽，您如何避免这种情况？

于 2013-09-20T10:31:49.103 回答