<!DOCTYPE html><html><html>? ? <head>? ? ? ? <title>Preview Slideshow</title>? ? ? ? <meta charset="utf-8">? ? ? ? <style type="text/css">? ? ? ? ? ? *{padding :0; margin: 0;}? ? ? ? ? ? body{? ? ? ? ? ? ? ? padding: 50px 0;? ? ? ? ? ? ? ? background-color: #FFF;? ? ? ? ? ? ? ? font-size: 14px;? ? ? ? ? ? ? ? font-family:'Avenir Next';? ? ? ? ? ? ? ? color :#555;? ? ? ? ? ? ? ? -webkit-font-smoothing:antialiased; ?/*字體抗鋸齒*/? ? ? ? ? ? }? ? ? ? ? ? ? ? .slider .main .main-i,? ? ? ? ? ? ? ? .slider .main,? ? ? ? ? ? ? ? .slider{? ? ? ? ? ? ? ? ? ? width：100%；? ? ? ? ? ? ? ? ? ? height: 400px;? ? ? ? ? ? ? ? ? ? position: relative;? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? /*幻燈片區(qū)域*/? ? ? ? ? ? ? ? .slider .main{? ? ? ? ? ? ? ? ? ? overflow: hidden;? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? /*每一個幻燈片的樣式*/? ? ? ? ? ? ? ? .slider .main .main-i{}? ? ? ? ? ? ? ? .slider .main .main-i img{? ? ? ? ? ? ? ? ? ? width: 100%;? ? ? ? ? ? ? ? ? ? position: absolute;? ? ? ? ? ? ? ? ? ? left: 0;? ? ? ? ? ? ? ? ? ? top: 0;? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ??? ? ? ? ? ? ? ? .slider .main .main-i .caption{? ? ? ? ? ? ? ? ? ? position: absolute;? ? ? ? ? ? ? ? ? ? right:50%;? ? ? ? ? ? ? ? ? ? top: 30%;? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ??? ? ? ? ? ? ? ? .slider .main .main-i .caption h2{}? ? ? ? ? ? ? ? .slider .main .main-i .caption h3{}? ? ? ? ? ? ? ? /*控制按鈕區(qū)域*/? ? ? ? ? ? ? ? .slider .ctrl{}? ? ? ? ? ? ? ??? ? ? ? </style>? ? </head>? ? <body>? ? ? ? <div>? ? ? ? ? ? <div>? ? ? ? ? ? ? ? <div>? ? ? ? ? ? ? ? ? ? <div>? ? ? ? ? ? ? ? ? ? ? ? <h2>h2 caption</h2>? ? ? ? ? ? ? ? ? ? ? ? <h3>h3 caption</h3>? ? ? ? ? ? ? ? ? ? </div>? ? ? ? ? ? ? ? ? ? <img src="images/1.jpg" />? ? ? ? ? ? ? ? </div>? ? ? ? ? ? </div>? ? ? ? ? ? <div>? ? ? ? ? ? ? ? <a href= "javascipt:;"><img src="images/1.jpg" /></a>? ? ? ? ? ? </div>? ? ? ? </div>? ? </body></html>這個是我的代碼，我想把h2和h3的標題的div ? ?caption 在img的上面，可是絕對定位不好使現(xiàn)在我的問題不是這個，而是我寫的代碼在<style></style>中好像根本就不能控制body里的caption的div，我也不知道為什么，求大神幫幫我好么
1 回答
已采納
袁偉
TA貢獻2條經(jīng)驗 獲得超4個贊
<div class="slider">
? ? ? ? ? ? <div class="main">
? ? ? ? ? ? ? ? <div class="main-i">
? ? ? ? ? ? ? ? ? ? <div class="caption">
? ? ? ? ? ? ? ? ? ? ? ? <h2>h2 caption</h2>
? ? ? ? ? ? ? ? ? ? ? ? <h3>h3 caption</h3>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? <img src="images/1.jpg" />
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div>
? ? ? ? ? ? ? ? <a href= "javascipt:;"><img src="images/1.jpg" /></a>
? ? ? ? ? ? </div>
? ? ? ? </div>
至少得這樣吧 。 ? 頭部文件中定義的是class，你至少得引用一下吧。但是我不能保證我這么寫就是對，看你的css代碼應(yīng)該就是這樣了。
-
Ruby_zw呃呃呃，我這個沒復(fù)制上，我的這部分代碼和你這部分的一樣，但是問題我解決了~謝謝回答~
添加回答
舉報
0/150
提交
取消