Solved

need to bring a div content to foreground

Posted on 2008-10-23
7
1,830 Views
Last Modified: 2011-05-15
I have 9 <div>s in my page i also have an image uploader tool . i want to show the contents of the 3rd <div> on top of the other. I have set z-index value and am able to show its contents on top of other divs but the div having the image uploader script do not move to the background. how will i place  the contents of the 3rd div on top of the image uploader.
the image uploader is a javascript inside a div
<div id="three"  style="position:absolute;z-index:1;">
.
.
.
.
<div id="six" style="position:absolute;z-index:1;">
<script>
var iu = new imageuploader ...................

0
Comment
Question by:cutevb
  • 3
  • 2
7 Comments
 
LVL 13

Expert Comment

by:numberkruncher
ID: 22788189
Is your image uploader a flash control?

If it is, there is a special flash variable that you have to set to allow it to work with z-index.

wmode = 'opaque';   // Solid background to Flash control, but it does work with z-index.
wmode = 'transparent'; // Transparent background to contorl, and again works with z-index.

wmode = 'window';  // Flash control has its very own window, and thus does NOT work with z-index. (Default)

Useful Link: http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15523
0
 

Author Comment

by:cutevb
ID: 22788367
i am using aurigma tool for image uploading
0
 

Author Comment

by:cutevb
ID: 22788844
its a java applet
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Accepted Solution

by:
cutevb earned 0 total points
ID: 22828201
i searched and found that div content cannot be overlayed on java applets but with iframes it can be done
0
 
LVL 13

Expert Comment

by:numberkruncher
ID: 22829439
Fantastic, I am glad you managed to solve your problem. That's quite interesting, I didn't realize that you could use iframes to get around this issue.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 35762997
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

740 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question