flash file on an image in html

Question

I am trying to place a flash file on an image at a specific location. how can i do this? i tried something like this

<img src="images/logo.jpg"/> <object classid="homelogo"><embed src="images/logo.swf"></embed><object>

bit it did not work. how can i overlap a flash file on top on an image at a specific location? Thanks.

Answer 1

One way of trying this,

div#logo {position:absolute; left:100px; top:300px; z-index:2; width:100px; height:100px; background-image: url('images/logo.jpg');}

Add your flash component to div.