我有这个代码:
<div class="thumbnail">
<div class="image_thumbnail">
<div class="category"></div>
<div class="category2"></div>
</div>
<div class="info_thumbnail"></div>
<div class="footer_thumbnail">
<div class="stars_empty"></div>
<img class="views" src="images/views.png">10
</div>
</div>
我要如何处理 css 才能产生这样的效果?
绿色的 div
应该是类别 div
谢谢!
最佳答案
<div id="container">
<div class="box"></div>
<div class="tab"></div>
</div>
#container{
position:relative;
}
.box{
position:relative;
left:10px;
top:10px;
height:150px;
width:100px;
border-radius:8px;
border:2px solid #666;
background-color:#DDD;
z-index:5;
}
.tab {
position:absolute;
left:105px;
top:35px;
width:25px;
height:40px;
background-color:green;
border-radius:5px;
box-shadow: 3px 3px 3px #888;
}
关于CSS 过度定位元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13398577/