我尝试使用您滚动的图片创建一个网站，并且我使用了CSS背景元素，并且我添加了多个图片但是由于某些奇怪的原因我添加了第三个图像，第二个图像在第一个图像后面折叠，第三个图像代替它。这是一张图片： http://i59.tinypic.com/a2syt1.jpg
/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* end of browser styles */
@import url(http://fonts.googleapis.com/earlyaccess/notosanshebrew.css);
#logo {
padding-right: 10px;
padding-top: 10px;
}
nav {
background: rgba(0,0,0,.7);
padding: 5px 0;
}
nav li {
display: inline;
padding: 0 20px;
}
nav ul {
list-style-type: none;
}
nav ul a{
text-decoration: none;
color: white;
}
nav a:hover {
color: rgb(207, 207, 207);
}
body {
background: url("../images/wedding.png") no-repeat,
url("../images/earrings.png") no-repeat, url("../images/watch.png");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}<!doctype html>
<html dir="rtl" lang="he-IL" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<title>SD עיצובים</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<header div="mainHeader">
<nav div="mainNav">
<ul>
<img id="logo" src="images/title.png"/>
<li><a href="index.html">דף הבית</a></li>
<li><a href="about.html">אודות</a></li>
<li><a href="jewelery.html">תכשיטים</a></li>
<li><a href="contact.html">צור קשר</a></li>
</ul>
</nav>
</header>
</div>
</body>
</html>