寫了前面一段，為什么連個(gè)居中效果都沒，崩潰~
<!DOCTYPE HTML>
<HTML>
? <head>
??? <title>preview slideshows</title>
??? <meta charset="utf-8">
??? <style>
??? *{
??????? padding: 0;
??????? margin: 0;
??? }
??? /*初始化所有padding和margin*/
??? body{
????? padding:50px 0;
????? background-color: #fff;
????? font-size:14px;
????? font-family: 'Avenir Next';
????? color:#555;
????? -wekit-font-smoothing:antialiased;
??? }
??? .slider.mian.mian-i,
.slider.mian,
??? .slider{
????? width: 100%;
????? height:400px;
????? position:relative;
??? }
????? /*huandengpian yangshi */
??? .slider.mian{
????? overflow: hidden;
??? }
??? .slider.mian.mian-i{}
??? .slider.mian.mian-i img{
??????? width: 100%;
??????? position: absolute;
??????? left:0;
??????? top: 0;
??????? z-index: 1;
????? }
??????? .slider.mian.mian-i.caption{
????????? position: absolute;
????????? right: 50%;
????????? top:30%;
????????? z-index: 9;
??????? }
??????? .slider.mian.mian-i.caption h2{}
??????? .slider.mian.mian-i.caption h3{}
????? /* kong zhi an niu*/
??? </style>
? </head>
<body>
??? <div class="slider">
????????? <div class="mian">
????????????? <div class="mian-i">
??????????????? <div class="caption">
????????????????? <h2>h2 caption</h2>
????????????????? <h3>h3 caption</h3>
??????????????? </div>
??????????????? <img src="imgs/{{index}}.jpg">
????????????? </div>
????????? </div>
????????? <div class="ctrl">
??????????? <a class="ctrl-i" href="javascript"><img src="imgs/{{index}}.jpg"></a>
????????? </div>
??? </div>
</body>
</html>
2015-12-18
雖然不知道你什么問題 但是你的css還是有不少錯(cuò)的
.slider.main.mian-i:img{????<!--不知道你這是個(gè)什么寫法--->2015-12-18
錯(cuò)誤如下：
<HTML>，.slider.main.mian-i:img，body里面寫漏外圍的</div>，font-size70px;（分號哪去了）！?。?/strong>
2015-12-18
2015-12-18
你的代碼錯(cuò)了好多，標(biāo)點(diǎn)符號寫漏，標(biāo)簽寫錯(cuò)等等