Home/ Questions/Q 6332621
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T18:17:58+00:00

what i have is this: <style> #main{position:relative; width:600px; height: 600px;} #cover{position:absolute} #image{position:absolute} </style> <div

  • 0

what i have is this:

<style>
#main{position:relative; width:600px; height: 600px;}
#cover{position:absolute}
#image{position:absolute}
</style>

<div id="main">
   <div id="cover"><img src="template.png" /></div>
   <div id="image"><img src="user.jpg" /></div>
</div>

what i need is to be able to move the user image around, but it will be covered with the cover div that will mask my other one. is there a way for that?

in addition i need to know if it is possible to have the div#cover only with the png file in it but where the size of the image is not as big as the id#main so the rest of the cover div will be background color white – without getting a white color in the image area?

update:
i want to have a layer (div#cover) that will cover another layer(div#image). in the first one i will have a circle that the inner of it is transparent and the outer is white so i will be able to see the bottom layer img within the cover layer
i will have jquery dragable to the second layer but it wont work becuase of the top layer that will block it from being draged with the mouse

my question was – is it possible to have the bottom layer to be draged when there is a cover layer on top of it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Very difficult to answer a question one can’t understand.

    How to make a image/container draggable : http://jsfiddle.net/cNtfM/

    Using jQuery/jQuery-UI is the easiest way in my eyes.

    Your CoverImage will be above the other image coz you are writing it to the page before the main image. [renders from top to bottom]

    I have know idea if this answers your question.

    • 0