這個CSS有點難以弄清......基本上我想要的是這張圖片裏有什麼,但是動態地改變內容。CSS中心分層動態div
所以我成立了我的HTML這樣的,基本上所有的元素堆砌成的包裝,圖片和標題將是動態的旋轉,將是不同的寬度和高度:
<div id="wrapper">
<div id="title"><h2></div>
<div id="image"><img></div>
<div id="leftbutton" class="but"><img></div>
<div id="rightbutton" class="but"><img></div>
</div>
我試過的一切都沒有解決。我應該怎麼做呢?
我得到的最接近的是這個,但標題欄可以改變高度,這使得這種方法不起作用,因爲我必須定位圖像相對位置,它的相對位置隨標題元素的增長和縮小而變化:
#wrapper{
position:relative;
text-align: center;
}
.but{
z-index:20;
position:absolute;
}
#leftbutton{
left:0px;
}
#rightbutton{
right:0px;
}
#title{
z-index: 3;
display: inline-block;
width:auto;
min-width: 80px;
max-width: 340px;
}
#image{
z-index: 1;
position: relative;
top:-21px;
}
你可以發佈你已經嘗試過的東西嗎(整齊地請)? –
我試過的東西是很多事物的組合,然而,每種方法總是有一個致命弱點 –
阿基里斯沒有治癒任何人。他的腳跟雖然是他的弱點:)。回到生意,你的標記是有缺陷的。它使「標題」和「圖像」在與「左鍵」和「右鍵」相同的水平... –