Html 某些浏览器中不显示的网站图形

我正在工作的网站似乎没有显示某些图形。例如，使用IE和firefox，我的网站看起来不错，但是使用Safari，我只得到一个蓝色背景，所讨论的网站是：

为一所学校做这件事，我的网页设计技能真是太棒了（你可以说！）

我想问题出在CSS上，在这种情况下，错误就在代码的某个地方：

<style type="text/css">
    #background {
        width: 100%; 
        height: 100%; 
        position: fixed; 
        left: 0px; 
        top: 0px; 
        z-index: -100; /* Ensure div tag stays behind content; -999 might work, too. */
    }
    .stretch {
        width:100%;
        height:100%;
    }
    .stretchw {
        width:100%;
    }
    #cloud1 {
        position: absolute;
        left: 50px;
        top: 50px;
        z-index:-99;
    }
    #cloud2 {
        position: absolute;
        right: 50px;
        top: 50px;
        z-index:-98;
    }
    .bottom {
    background-image: url("images/hill3.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    position:absolute;
    bottom:0px;
    left:0px;
    width: 100%;
    height: 263px;
    border: none; 
    overflow-x: hidden;
    z-index:-97;
    }

    body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: #666;
    }
    h1 {
    color: #000;
    font-size: 35px;
    font-family:Palatino Linotype;
    font-style:italic;
    }
</style>

#背景{
宽度：100%；
身高：100%；
位置：固定；
左：0px；
顶部：0px；
z-index:-100；/*确保div标记保留在内容后面；-999也可以工作*/
}
.伸展{
宽度：100%；
身高：100%；
}
.担架{
宽度：100%；
}
#云1{
位置：绝对位置；
左：50px；
顶部：50px；
z指数：-99；
}
#云2{
位置：绝对位置；
右：50px；
顶部：50px；
z指数：-98；
}
.底部{
背景图片：url（“images/hill3.png”）；
背景位置：左下；
背景重复：重复-x；
位置：绝对位置；
底部：0px；
左：0px；
宽度：100%；
高度：263px；
边界：无；
溢出x：隐藏；
z指数：-97；
}
身体{
字体系列：Verdana，日内瓦，无衬线；
字体大小：13px；
颜色：#666；
}
h1{
颜色：#000；
字体大小：35px；
字体系列：Palatino Linotype；
字体：斜体；
}

非常感谢任何帮助

---

：）

看起来问题的根源是负z指数。从0开始，对于要显示在背景前面的元素，将其调高

您不需要在背景div中使用container_bg1.jpg图像。在body标签中添加：

background-color: #67b8ed;

然后删除背景div和图像。此时您不再需要它们，而且它减少了一个div和image，从而可能与页面上显示的所有其他内容发生冲突

不要对图像应用动态高度和宽度。我看到云层随着窗户的高度而伸展

在Safari、Chrome、IE和Firefox中，图像对我来说都很好

---

你是否尝试过修改CSS以确定可能的原因？我可以在个人电脑上看到Safari 5.1.7中的山丘。不过云层正在拉伸。这将是云图上style属性中的百分比。看起来Safari读取的固定位置z索引与绝对值不同。你的固定位置背景显示在你所有的绝对元素之上。将来，你也应该把你的代码放在小提琴或其他网站上。这样，当您更改站点上的代码时，有问题的代码可以保留给可能有相同问题的其他人！