Home/ Questions/Q 6930337
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T11:26:03+00:00

How can I move div over images using CSS? I tried a lot but

  • 0

How can I move div over images using CSS? I tried a lot but failed.

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>

Should be ….enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to use position:absolute; and make sure your main container is position:relative;

    An example is at 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;
}
    • 0