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

回答

相关问题