為什么檢查代碼跟老師的完全一樣，每張圖片的效果不是全屏呢？
效果：
代碼：
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>全屏切換效果Demo</title>
????<style?type="text/css">
????*?{
????????padding:?0;
????????margin:?0;
????}
????
????html,
????body?{
????????height:?100%;
????}
????
????#container,
????.sections,
????.section,
????{
????????height:?100%;
????}
????
????#section0,
????#section1,
????#section2,
????#section3?{
????????background-color:?#000;
????????-webkit-background-size:?cover;
????????background-size:?cover;
????????background-position:?50%?50%;
????????text-align:?center;
????????color:?white;
????}
????
????#section0?{
????????background-image:?url(images/1.jpg);
????}
????
????#section1?{
????????background-image:?url(images/2.jpg);
????}
????
????#section2?{
????????background-image:?url(images/3.jpg);
????}
????
????#section3?{
????????background-image:?url(images/4.jpg);
????}
????</style>
</head>
<body>
????<div?id="container">
????????<div?class="sections">
????????????<div?class="section"?id="section0">
????????????????<h2>This?is?a?page!</h2>
????????????</div>
????????????<div?class="section"?id="section1">
????????????????<h2>This?is?a?page!</h2>
????????????</div>
????????????<div?class="section"?id="section2">
????????????????<h2>This?is?a?page!</h2>
????????????</div>
????????????<div?class="section"?id="section3">
????????????????<h2>This?is?a?page!</h2>
????????????</div>
????????</div>
????</div>
</body>
</html>
2016-01-14
看圖說(shuō)明
看圖說(shuō)明，你在樣式那里多寫(xiě)了一個(gè)逗號(hào)，然后就沒(méi)有然后了，這個(gè)樣式?jīng)]有生效。
看圖說(shuō)明，你在樣式那里多寫(xiě)了一個(gè)逗號(hào)，然后就沒(méi)有然后了，這個(gè)樣式?jīng)]有生效。
看圖說(shuō)明，你在樣式那里多寫(xiě)了一個(gè)逗號(hào)，然后就沒(méi)有然后了，這個(gè)樣式?jīng)]有生效。
（重要的事情說(shuō)三遍。。。）
下圖是用 chrome 看的調(diào)試信息
錯(cuò)誤的時(shí)候 chrome 是這么的：
正確的時(shí)候 chrome 是這么的：
2016-01-05
要是背景圖的話，就必須指定高度，不然就讓其子元素來(lái)?yè)胃叨?，要是不用背景圖用<img>標(biāo)簽的話就可以
2016-01-03
定義了.sections,.section{height:100%;},但是html中沒(méi)有引用，所以每個(gè)模塊的高度是自身內(nèi)容撐開(kāi)的高度，不是100%。
2016-01-03
沒(méi)有CLASS ?要定義CLASS
2016-01-03
你的session和sessions在哪(⊙o⊙)…