Question

如何使用CSS移动div图像？我尝试了很多但失败了。

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

Answer 1

你需要使用position：absolute;并确保您的主要容器位置：relative;

一个例子是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;
}

Css定位问题

1 个答案: