0

私はこのコードを持っています:

<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

ありがとう！

4

2 に答える 2

1 
​&lt;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;
}

デモ: http://jsfiddle.net/Q7RkR/

于 2012-11-15T13:57:35.980 に答える
0

あなたがしたいことはあまり明確ではありません。とにかく、オーバーポジションを処理するには、サムネイルごとにメイン コンテナを用意する必要があります。position:relative をメイン コンテナーに設定し、position:absolute を各子レイヤー要素に設定します。

于 2012-11-15T13:39:13.547 に答える