У меня есть веб-страница с мозаичным фоновым изображением тела.Он должен быть мозаичным, потому что дизайнер хочет масштабировать его с помощью окна браузера.Он создает очень специфическую сетку, над которой спроектирован остальной сайт.
Вокруг него также есть белая граница страницы (созданная через отдельный div с более высоким z-индексом), потому что дизайнер хочет сохранитьшаблон от сторон браузера.
Мне нужно полностью скрыть следующую страницу.Когда я пытаюсь исчезнуть в теле, экран начинается с уже существующего рисунка.И во время игры мне также удалось заставить фон исчезать, но затем все остальное исчезает.Я также пытался поместить шаблон 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;
}