gpt4 book ai didi

jquery - 需要在加载时淡入网页的全部内容,但平铺 bg 模式一直在做相反的事情

转载 作者:行者123 更新时间:2023-11-27 22:31:46 26 4
gpt4 key购买 nike

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

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

我需要完全淡化下一页。当我尝试淡入 body 时,屏幕从已经存在的图案开始。在四处玩耍时,我还设法让背景淡入,但随后其他一切都淡出。我也试过将 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;
}

最佳答案

我认为它不会褪色,因为您也将背景图像应用于 html

尝试从 html, body {

中删除以下行
background:#fff url('../images/bg.gif');

并将其与 body 选择器放在 CSS 中:

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

关于jquery - 需要在加载时淡入网页的全部内容,但平铺 bg 模式一直在做相反的事情,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3560239/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com