这个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;
}
你可以发布你已经尝试过的东西吗(整齐地请)? –
我试过的东西是很多事物的组合,然而,每种方法总是有一个致命弱点 –
阿基里斯没有治愈任何人。他的脚跟虽然是他的弱点:)。回到生意,你的标记是有缺陷的。它使“标题”和“图像”在与“左键”和“右键”相同的水平... –