Question

我刚使用了以下技术：

http://webdesign.about.com/od/css3/f/blfaqbgsize.htm

尝试将背景图片设置为页面的确切尺寸，无论我做什么，它在Google Chrome中运行良好，但不适用于IE。他们提供的示例在IE和GC中运行良好，但我发现这两个站点没有差异。这是我的代码：

<!DOCTYPE html  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html>      <head>      <title>             National Balloon Festival!      </title>        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>       <style type="text/css">             html, body {
                height: 100%;
                margin: 0;
                padding: 0;             }           img#bg {
                position:fixed;
                top:0;
                left:0;
                width:100%;
                height:100%;            }           #content {
                position:relative;
                z-index:1;
                top:0px;
                left:0px;           }       </style>        <!--[if IE 6]>      <style type="text/css">             html { overflow-y: hidden; }            body { overflow-y: auto; }          img#bg { position:absolute; z-index:-1; }           #content { position:static; }       </style>        <![endif]-->    </head>     <body style=''>         <body>          <img src="images/Field1.jpg" alt="background image" id="bg" />          <div id="content">All your content here - including headers, paragraphs, etc.</div>         </body>





</body> </html>

Answer 1

嗯，当我使用你的代码（用我自己的照片）时，一切似乎都很好。我很好奇，你在使用什么版本的IE？

Answer 2

嗯......显然将定位改为“绝对”让它位于最前面。

IE浏览器上的CSS与Google Chrome上的CSS

2 个答案: