0

画像 b を画像 a の上に重ねると、画像 b はどこに移動しても自動的に画像 a に移動します。これが私のコードです

  <div id="down">
  <img id="yes" src="http://img.wallpaperstock.net:81/hi%2c-loser-wallpapers_17839_1024x768.jpg" >

  <div id="up">
  <img id="no" src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/SMirC-hi.svg/320px-SMirC-hi.svg.png">
  </div>

 </div>

ここに私のcssがあります：

 #down{

         float: right;

     }


     #up{

        position: absolute;
        top: 10px;
        left: 10px;

     }

画像bも画像aと一緒に浮かび、画像bの上から10px、左から10pxの絶対位置があると思いました。なぜそうではないのですか????私の言いたいことがわかるといいのですが

4

2 に答える 2

0

まず、画像を適切に追加します imagea.png または imagea.jpg 何ですか？

ここに z-index を追加

#up{
z-index:1;
position: absolute;
top: 10px;
left: 10px;

}

そしてこれも追加

#down{
     z-index:0;
         float: right;
     }
于 2012-11-29T05:19:26.783 に答える
0

position:absolutefloat の代わりに使用します。

作業サンプルは次のとおりです: JSBin の位置

私の理解では、ポジショニングfloatは機能せずleft、rightポジショニングのみabsoluteが機能します。私が間違っている場合は、誰かが私を修正してください。

于 2012-11-29T05:27:08.860 に答える