0

我有一个带有平铺背景正文图像的网页。它需要平铺，因为设计者希望它可以通过浏览器窗口进行扩展。它创建了一个非常具体的网格，在该网格上设计了网站的其余部分。

它周围还有一个白色的页面边框（通过具有更高 z-index 的单独 div 创建），因为设计者希望使图案远离浏览器的两侧。

我需要完全淡化以下页面。当我尝试淡入身体时，屏幕以已经存在的模式开始。在玩耍时，我还设法让背景淡入，但其他一切都淡出。我也尝试将 bg 模式放在身体下方的 div 中，但它似乎在 Safari 中做了一些奇怪的事情。

我也尝试了以下教程，但无济于事：

http://blog.anselmbradford.com/2009/08/28/how-to-add-a-simple-webpage-fade-in-effect-using-jquery/

然后我的想法是以某种方式构建一个覆盖所有内容的白色 div，然后将其淡出。但是如何让这个 div 覆盖所有内容，包括主体背景图像？

我觉得我在这里错过了一些大事......

这是我正在使用的相关代码：

HTML：

<body id="home">

<div id="pgborder"></div><!-- end #pgborder-->

<div id="main">

<ul id="nav">
      <li><a href="us.html">us</a></li>
      <li><a href="work.html">work</a></li>
      <li><a href="contact.html">contact</a></li>
</ul>

</div><!-- end #main--> 

<div id="logo">

  <a href="home.html"><img src="images/logo.gif" width="345" height="24" alt="manuchugh logo"/></a>

</div><!-- end #logo-->

</body>

CSS：

html, body {
  height: 100%;
  font-family: "century gothic", arial, sans serif;
  color: #8c8d8d;
  font-size: 15px; 
  overflow: auto;
  background:#fff url('../images/bg.gif');
  }

#pgborder {
  border: 22px #fff solid;  
  }
4

1 回答 1

1

我想它不会褪色，因为您也将背景图像应用到了html。

尝试删除以下行html, body {

background:#fff url('../images/bg.gif');

并将其与bodyCSS 中的选择器一起放置：

body {
    background:#fff url('../images/bg.gif');
}
于 2010-08-24T19:36:15.917 回答