Question

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

这是我的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;
}

Answer 1

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

但如果没有图片，你就无法看到我的问题，你可以在www.speakeasy-events.com上查看它。

指向css div img的jpg链接，是谷歌浏览器的一半，但不是IE10，我需要刷新它以获得完整的图片。

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

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

需要镀铬装载图像的解决方案

1 个答案: