Html IE中的页面背景不总是加载_Html_Css

Html IE中的页面背景不总是加载

html css

Html IE中的页面背景不总是加载,html,css,Html,Css,我有一个正在开发的网站，它使用图像作为整个网站的背景。在FF和Safari中工作良好。但我有点麻烦。有时根本不加载图像，有时部分加载，有时在一两秒钟后加载除此之外，我发现的IE-proof黑客并不是这样的IE-proof。关于如何使用图像作为纯CSS网站的完整背景，您有什么想法吗我已经将html/css剥离到可能的相关部分；完整的例子在上面 HTML文件 <body> <div id="header"> <div id="headerWrap" clas

我有一个正在开发的网站，它使用图像作为整个网站的背景。在FF和Safari中工作良好。但我有点麻烦。有时根本不加载图像，有时部分加载，有时在一两秒钟后加载

除此之外，我发现的IE-proof黑客并不是这样的IE-proof。关于如何使用图像作为纯CSS网站的完整背景，您有什么想法吗

我已经将html/css剥离到可能的相关部分；完整的例子在上面

HTML文件

<body>
<div id="header">
    <div id="headerWrap" class="alignCenter">
        <p>Topografie</p>
    </div><!-- end headerWrap -->
</div><!-- end header -->

<div id="menu">
    <div id="menuWrap" class="alignCenter">
        <ul>
            <li>Item 1</li>
            <li>Item 2</li
        </ul>
    </div><!-- end menuWrap -->
</div><!--- end menu -->

 <div id="page">
    <div class="pageBrandingWrap">
        <div class="pageBranding alignCenter">
            <h1>Title</h1>
        </div>
    </div><!-- End pageBrandingWrap -->

    <div class="entrytextWrap">
        <div class="entrytext alignCenter">
            <h2><?php the_title(); ?></h2>
            <?php the_content(); ?>
        </div>
    </div><!-- End entrytextWrap -->
</div><!-- end page -->

<div class="clear"></div>
    <div id="footer">
        <div id="footerWrap" class="alignCenter">

        </div><!-- end footerWrap -->
    </div>
</body>

</html>

你在IE中遇到的大图片问题是超时问题。

然而，虽然你不是第一个报告感谢你的解释！在搜索了更多的内容之后，考虑到您的帖子，我决定不再使用纯css完整图像背景解决方案，而是使用javascript解决方案。正如您在这里看到的：。现在的问题是IE不听Z索引。我知道这在IE中是一件大事，但是SO和其他地方提供的所有解决方案都没有给出正确的结果。有什么想法吗？你说的是IE6和IE7众所周知的z指数问题。这被认为是最准确的解释！至于你评论中的问题：我可能仍然会尝试使用css，放置一个顶部/左侧0px的容器，包含一些定位的div，其中包含切掉的背景部分，并将页面的其余部分分层，仍然使用z-index并依赖html中的编码顺序，牺牲了搜索引擎优化（SEO）和bitHi GitaarLAB，只是因为我使用了你的评论，并且发现它们非常有用，我认为再次回复你会是一件很好的事情。我做了BG技巧，使用Z索引，甚至在IE中工作。非常感谢！结果出来了。我会在超时方面做更多的工作。延迟加载似乎不是合适的解决方案，因为我将来可能会使用数十个不同的图像。但你给了我一些前进的方向！谢谢你！欢迎光临！我在FF12和IE6中查看了您的站点。看起来很棒，很高兴为您服务！最后别忘了接受答案！林伯兰街！很高兴听到它在IE6中也起作用！你甚至没有遇到BG图像不总是加载的问题，当点击左右？（那太好了！）

/* Correct/normalize default browser styles */
@import url('style/normalize.css');
/* Import the open sans font */
@import url(http://fonts.googleapis.com/css?     family=Open+Sans:300italic,400italic,600italic,400,300,700,800,600);

*{
margin:0px;
padding:0px;
}
html{
min-height: 100%;
background-size: cover;
background-image: url(style/img/masterBG.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-attachment:fixed;
 }
body{
min-height:100%;/*Corrects the full image background*/
font-family:Arial, Helvetica, sans-serif;;
font-size:14px;
text-align: center;
}
#header, #branding, #menu, #page, #footer{
width:100%;
}
#header{
margin:20px 0 0 0;
background: rgb(255, 255, 255) transparent;/* Fallback for web browsers that doesn't support RGBa */
background: rgba(255, 255, 255, 0.75);/* RGBa with 0.6 opacity, for non-stupid browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF, endColorstr=#BFFFFFFF);/* For IE 5.5 - 7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF, endColorstr=#BFFFFFFF)";/* For IE 8*/
}
#headerWrap, #brandingWrap, #menuWrap{
width:900px;
font-family: 'Open Sans', sans-serif;
}

Internet Explorer imposes a time-out limit for the server to return data. 
By default, the time-out limit is as follows:
Internet Explorer 4.0 and Internet Explorer 4.01     5 minutes  
Internet Explorer 5.x and Internet Explorer 6.x     60 minutes
Internet Explorer 7   and Internet Explorer 8       60 minutes

When the server is experiencing a problem, Internet Explorer does not 
wait endlessly for the server to return data.

Applications that use the WinINet API directly will experience the 
following ReceiveTimeout values:

WinINet.dll version  4.x              5 minutes
WinINet.dll versions 5.x and 6.x     60 minutes
WinINet.dll versions 7.x and 8.x     30 seconds