无法更改正文的背景
Can't change the background of body
我试图改变身体的背景。我正在考虑用 5 个不同的图像覆盖网页的背景，每个图像覆盖一个部分（第 1 页、第 2 页、第 3 页、第 4 页和第 5 页的 #）。
但是现在当我尝试图像时没有显示。
到目前为止，我已经尝试过使用一张图像，并试图使其成为身体的背景图像。我尝试过用这种特定的背景制定一个div 规则。我尝试了两种不同的图像。但似乎没有什么能改变背景。
我已经声明了背景颜色，这样背景会发生变化，但图像似乎不起作用。
这是小提琴：http://jsfiddle.net/xjcwfey3/
<p>Seems I needed this to link jfiddle.</p>
请帮我找到问题所在。谢谢！
放大图
*
{
margin:0;
padding:0;
}
#wrap {
width:auto;
height:auto;
}
body
{
background:url(http://demo2.woothemes.com/memorable/files/2013/05/thai-food-580x352.jpg) no-repeat;
}
#menu
{
background-color:black;
width:100%;
position: fixed;
opacity:1;
}
#menu ul
{
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}
#menu a {
color:white;
background-color:black;
display:block;
float: left;
width: 20%;
text-decoration: none;
text-align:center;
padding-top:1%;
padding-bottom:1%;
}
#menu a:hover
{
background-color:white;
color:black;
}
li {
display: inline;
}
#page1 {
background-color:white;
color:black;
width:50%;
height:100%;
text-align:center;
padding-top:5%;
padding-bottom:3%;
padding-right:10%;
padding-left:10%;
margin-bottom:5%;
margin-left:15%;
border-radius: 20px 20px 59px 20px;
-moz-border-radius: 20px 20px 59px 20px;
-webkit-border-radius: 20px 20px 59px 20px;
border: 0px solid #000000;
-webkit-box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
-moz-box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
}
#page2 {
background-color:white;
color:black;
width:50%;
height:100%;
padding-bottom:3%;
padding-top:3%;
padding-right:10%;
padding-left:10%;
margin-bottom:5%;
margin-left:15%;
border-radius: 20px 20px 59px 20px;
-moz-border-radius: 20px 20px 59px 20px;
-webkit-border-radius: 20px 20px 59px 20px;
border: 0px solid #000000;
-webkit-box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
-moz-box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
}
#page3 {
background-color:white;
color:black;
width:50%;
height:100%;
padding-bottom:3%;
padding-top:3%;
padding-right:10%;
padding-left:10%;
margin-bottom:5%;
margin-left:15%;
border-radius: 20px 20px 59px 20px;
-moz-border-radius: 20px 20px 59px 20px;
-webkit-border-radius: 20px 20px 59px 20px;
border: 0px solid #000000;
-webkit-box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
-moz-box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
}
#page4 {
background-color:white;
color:black;
width:50%;
height:100%;
padding-bottom:3%;
padding-top:3%;
padding-right:10%;
padding-left:10%;
margin-bottom:5%;
margin-left:15%;
marginborder-radius: 20px 20px 59px 20px;
-moz-border-radius: 20px 20px 59px 20px;
-webkit-border-radius: 20px 20px 59px 20px;
border: 0px solid #000000;-bottom:5%;
-webkit-box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
-moz-box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
}
#page5 {
background-color:white;
color:black;
width:50%;
height:100%;
padding-bottom:3%;
padding-top:3%;
padding-right:10%;
padding-left:10%;
margin-bottom:5%;
margin-left:15%;
border-radius: 20px 20px 59px 20px;
-moz-border-radius: 20px 20px 59px 20px;
-webkit-border-radius: 20px 20px 59px 20px;
border: 0px solid #000000;
-webkit-box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
-moz-box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
box-shadow: 6px 7px 5px 8px rgba(128,123,128,0.54);
}
p {
font-family:"Comic Sans MS", cursive;}<!-- http://localhost/portfolio/index.php -->
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Portfolio</title>
<link href="style.css" type="text/css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<!-- Menyn -->
<div id="menu">
<ul>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#home">Home</a></li>
<li><a href="#random">Random</a></li>
</ul>
</div>
<div id="wrap">
<!-- Hemsidan i sin helhet-->
<div id="page1">
<a id="about"></a>
<h3> First Part</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada, dolor a sagittis placerat, nisi sem porttitor orci,
non rutrum velit velit sed enim. Aliquam imperdiet, quam ac maximus suscipit, mauris lorem volutpat dui, quis imperdiet leo dolor a nunc.
Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quis sodales tortor. Sed porta nisl sed massa ullamcorper, a porttitor justo malesuada. Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quiCurabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quCurabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qu</div>
<div id="page2">
<a id="portfolio"></a>
<h3> Second Part</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada, dolor a sagittis placerat, nisi sem porttitor orci,
non rutrum velit velit sed enim. Aliquam imperdiet, quam ac maximus suscipit, mauris lorem volutpat dui, quis imperdiet leo dolor a nunc.
Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quis sodales tortor. Sed porta nisl sed massa ullamcorper, a porttitor justo malesuada. Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quCurabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quCurabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui</div>
<div id="page3">
<a id="contact"></a>
<h3> Third Part</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada, dolor a sagittis placerat, nisi sem porttitor orci,
non rutrum velit velit sed enim. Aliquam imperdiet, quam ac maximus suscipit, mauris lorem volutpat dui, quis imperdiet leo dolor a nunc.
Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quis sodales tortor. Sed porta nisl sed massa ullamcorper, a porttitor justo malesuada. Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quiCurabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quCurabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qu</div>
<div id="page4">
<a id="home"></a>
<h3> Forth Part</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada, dolor a sagittis placerat, nisi sem porttitor orci,
non rutrum velit velit sed enim. Aliquam imperdiet, quam ac maximus suscipit, mauris lorem volutpat dui, quis imperdiet leo dolor a nunc.
Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quis sodales tortor. Sed porta nisl sed massa ullamcorper, a porttitor justo malesuada. Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quCurabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quCurabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui</div>
<div id="page5">
<a id="random"></a>
<h3> Fifth Part</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada, dolor a sagittis placerat, nisi sem porttitor orci,
non rutrum velit velit sed enim. Aliquam imperdiet, quam ac maximus suscipit, mauris lorem volutpat dui, quis imperdiet leo dolor a nunc.
Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quis sodales tortor. Sed porta nisl sed massa ullamcorper, a porttitor justo malesuada. Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quiCurabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec quCurabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qui Nunc pulvinar eu massa
aliquam tincidunt. Cras tincidunt dolor sagittis laoreet posuere.
Fusce id bibendum libero. Vestibulum auctor nulla dolor, sit amet sollicitudin sem varius in. Aenean ullamcorper mauris in magna luctus, ac fringilla massa tincidunt.
Cras vitae eros diam. Vestibulum viverra aliquam mi, vel tempus mauris luctus id. Curabitur convallis lobortis ipsum facilisis fringilla. Pellentesque vel nibh augue.
Vestibulum gravida, felis nec efficitur tempus,
odio diam feugiat risus, ac molestie nulla lorem vel tellus.
Donec qu</div>
</div><!-- DIV WRAP END -->
<!-- Koder längst ner för en enkelt övergång animation när man klickar länk -->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".contactLink").click(function(){
if ($("#contactForm").is(":hidden")){
$("#contactForm").slideDown("slow");
}
else{
$("#contactForm").slideUp("slow");
}
});
});
function closeForm(){
$("#messageSent").show("slow");
setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
}
$(document).ready(function() {
function filterPath(string) {
return string
.replace(/^'//,'')
.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
.replace(/'/$/,'');
}
$('a[href*=#]').each(function() {
if ( filterPath(location.pathname) == filterPath(this.pathname)
&& location.hostname == this.hostname
&& this.hash.replace(/#/,'') ) {
var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
if ($target) {
var targetOffset = $target.offset().top;
$(this).click(function() {
$('html, body').animate({scrollTop: targetOffset}, 1000);
var d = document.createElement("div");
d.style.height = "101%";
d.style.overflow = "hidden";
document.body.appendChild(d);
window.scrollTo(0,scrollToM);
setTimeout(function() {
d.parentNode.removeChild(d);
}, 10);
return false;
});
}
}
});
});
</script>
<!-- Menu fade -->
<script type="text/javascript">
var $menu = $("#menu");
var opacity = $menu.css("opacity");
var scrollStopped;
var fadeInCallback = function () {
if (typeof scrollStopped != 'undefined') {
clearInterval(scrollStopped);
}
scrollStopped = setTimeout(function () {
$menu.animate({ opacity: 1 }, "slow");
}, 1000);
}
$(window).scroll(function () {
if (!$menu.is(":animated") && opacity == 1) {
$menu.animate({ opacity: 0 }, "slow", fadeInCallback);
} else {
fadeInCallback.call(this);
}
});
</script>
<script>
tiles = $("#page5, #page2, #page3, #page4").fadeTo(0, 0);
$(window).scroll(function(d,h) {
tiles.each(function(i) {
a = $(this).offset().top + $(this).height();
b = $(window).scrollTop() + $(window).height();
if (a < b) $(this).fadeTo(1000,1);
});
});
</script>
</body>
</html>更改您的：
background-image:url(images/Animation_background.jpg);
自：
background-image:url(http://i3.kym-cdn.com/photos/images/facebook/000/511/991/3a5.jpg);
似乎工作正常，这意味着您可能无法访问图像/Animation_background.jpg。
1）检查图像的URL，确保图像在浏览器中自行加载。2）根据css文件修复图像的路径（您可能需要在图像路径中加上/）
相关文章：
- 正在将图像加载到文档中.正文背景
- 悬停时更改正文背景
- 如何更改网站正文元素的背景以与幻灯片放映相对应
- 如何使用切换更改正文背景颜色
- 通过点击更改背景正文图像
- 更改正文中的背景图像
- 如何使用jQuery单击时更改正文元素的背景图像
- 如何使用javascript使用按钮更改正文的背景颜色
- 正文背景图像无法全屏显示
- 背景大小设置为包含的正文标签上的位置和缩放元素
- 将正文的背景图片设置为用户输入的带有Javascript的URL
- 根据季节(当前日历月）更改<正文>(在 CSS 中）的背景图像
- 无法更改正文的背景
- 使用 jQuery 更改正文背景图像
- 正文背景图像旋转应支持动态数量的图像
- jQuery'css不是't向正文添加背景属性
- 当文本输入具有焦点时，淡入正文背景
- 幻灯片展示网站正文的背景
- jQuery使用渐变效果更改正文的背景URL
- 如何在页面加载后(加载所有站点图像后)完全加载正文背景图像
