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 2011-12-13 19:38:46

您需要使用的位置是：絕對的;並確保你的主要容器是位置：相對;

一個例子是在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

它不能正確工作，當你把更多
然後圖像下降但標籤保持在同一位置 – 2011-12-13 19:16:42

回答

相關問題