Cssポジショニングの問題

-2

CSSを使用して画像上でdivを移動するにはどうすればよいですか？私はたくさん試しましたが失敗しました。Cssポジショニングの問題

CSS

.mytooltip 
{ 
    border: 1px solid #FF0000; 
    background-color: #C0C0C0; 
    width: 100px; 
    height: 100px; 
    position: inherit; 
    top: 250px; 
    left: 150px; 
    z-index: 9999; 
} 

.myfloorplan 
{ 
    position: inherit; 
}

Htmlの

<body> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <div id="Container"> 
     <div class="mytooltip"> 
      MyLabel 
     </div> 
     <div class="mytooltip"> 
      MyLabel 
     </div> 
     <img src="Sample%20warehouse%20floorplan.jpg" class="myfloorplan" /> 
    </div> 
</body>

はであるべき.... enter image description here

出典

2011-12-13 SOF User

でいるのですか？ – nchpmn

あなたがポジションを使用する必要があります。絶対。あなたの主な容器が位置であることを確認してください：相対;

の例では、私はここで推測を取り、それが不可解に近付いですので、質問が否決されたことを言うつもりですhttp://jsfiddle.net/Pqz5F/

#container{ 
    position:relative;} 
.mytooltip 
{ 
    position:absolute; 
    top:50px; 
    left:0; 
    border: 1px solid #FF0000; 
    background-color: #C0C0C0; 
    width: 100px; 
    height: 100px; 

    z-index: 9999; 
} 

.myfloorplan 
{ 
    position: inherit; 
}

出典

2011-12-13 19:11:25

あなたが置いたときにそれが正しく働いていない
画像が落ちますが、ラベルは同じ位置に残っています –

あなたは完璧な人間でした:) #container idは大文字と小文字が区別されるので、 –

Cssポジショニングの問題

答えて

関連する問題