4

これが私のコードです

<div id="content_main2">
    <div id="content_main2_left"><img src="../images/logo.png"></div>
</div>

css

#content_main2
{
    width:800px;
    height:200px;
}
#content_main2_left
{
    float:left;
    width:300px;
    height:240px;
    margin-top:-40px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background:#817339; 
}

私の結果

ここに画像の説明を入力してください

btdivの上にロゴを表示する必要があります。#content_main2つまり、divの半分と。の残りの半分を意味し#content_main2_leftます。どうすればいいですか？

4

5 に答える 5

4

margin-top:-40pxdivではなく、イメージ用に書き込みます。

于 2012-06-22T06:33:21.917 に答える
2

負のマージンで試すことができます。

于 2012-07-21T06:24:43.240 に答える
1

より良い使用

position: absolute;

と異なるz-index両方

于 2012-06-22T06:35:41.510 に答える
0

画像の場合は、次のcssを使用します

#logoimage
{
   position: absolute;
   bottom: xxpx;
}

xxを必要なピクセルに置き換えます。

于 2012-06-22T06:34:29.210 に答える
0

このルールをスタイルシートに追加してみてください。

#content_main2_left img
{
    position: relative;
    left: 235px;
}

しかし、どのようにオーバーラップさせたいのか混乱しています。

于 2012-06-22T06:38:46.587 に答える