0

の背景として設定された画像がありdivます。IE10 では正常にロードされますが、クロムでは半分しかロードされないのはなぜですか? ページを更新した後、完全にロードされます。

これが私のCSSコードです。完全に最適化されているかどうかはわかりませんが、IE10 で動作します。唯一の問題は、背景がクロムをロードしていないことです。

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リンクは、google chromeでは半分ロードされていますが、IE10ではロードされていないため、全体像を把握するには更新する必要があります。

私のコードが本当に最適化されているかどうかわからないもう1つのことは、私が望むことをするために多くのdivが必要かもしれないと思うか、#imgに対して相対的な位置にdiv #textを配置する必要があるかもしれないので、同じ場所にとどまることです

また、この他の問題では、ブラウザー ウィンドウが小さく、スクロール バーを使用すると、div テキストが img の上に移動してマスクされることがわかります。これを回避するにはどうすればよいでしょうか?

于 2013-09-20T10:31:49.103 に答える