0

私は次のhtml構造を持っています:

 <div class="gauge">
     <div id="user-follow-statistics">

     </div>
    <img src="{{ asset('bundles/shopiousmain/img/coming-soon.png') }}"/>
 </div>

user-follow-statisticsこの画像をdivに重ねて配置したかったのです。どうやってやるの？今のところ、画像の位置を相対的にしてtopを-150pxに設定しようとしましたが、これは完全なハックであり、きれいではないようです. その他の方法で？

4

2 に答える 2

0

imgtoを設定して値position: relative;を使用すると、ドキュメント上の物理的な- topスペースが確保されます。代わりに、コンテナ要素を toに設定し、 toを設定するよりも、コンテナをに設定することが不可欠です。そうしないと、配置された要素が暴走します。img.gaugeposition: relative;imgposition: absolute;relativeabsolute

デモ

.gauge {
    position: relative;
}

.gauge img.coming_soon {
    position: absolute;
    top: 0;
}

要素のスタッキングに問題が見つかった場合は、 for を使用z-indexします.gauge img.coming_soon

タグにclassを割り当てました。タグで aを宣言せずに使用することもできますimg。img.gauge.gauge imgclassimg

于 2013-10-31T04:42:39.377 に答える
0

position:absolutediv に設定しuser-follow-statisticsます。

#user-follow-statistics{
position:absolute;
}

デモ: http://jsfiddle.net/U2q6E/14/

于 2013-10-31T04:35:34.763 に答える