Databases
StackOverflow2013
Postsdbo
POHTML div display on top of Flash Object
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHTML div display on top of Flash Object
    primarykey
    data
    text
    <p>I have a flash slideshow with 2 divs overlaying it, one at the top and one at the bottom. </p> <pre><code>&lt;header&gt; &lt;div id="top-menu"&gt; &lt;ul&gt; &lt;li&gt;Main Menu Link&lt;/li&gt; &lt;li&gt;Main Menu Link&lt;/li&gt; &lt;li&gt;Main Menu Link&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;header&gt; &lt;div id="content"&gt; &lt;div id="slideshow_wrapper"&gt; &lt;section id="intro"&gt; &lt;p&gt;Introduction Text&lt;/p&gt; &lt;/section&gt; &lt;section id="slideshow"&gt; &lt;!--dynamically inserted flash object--&gt; &lt;/section&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Both overlay properly in Firefox/Safari/Chrome, but nothing I try seems to make it work in IE. I'm using <a href="http://remysharp.com/2009/01/07/html5-enabling-script/" rel="nofollow">Remy Sharp's HTML 5 enabling script</a> to make the HTML5 mark-up work in lower versions of IE. What's funny is that the second div, <code>#intro</code> overlays correctly, but <code>#top-menu</code> always appears behind the` slideshow.</p> <p>All 3 elements are absolutely positioned with z-indexes explicitly set. No matter how high or low I set them the flash object is always in front of the <code>#top-menu</code> element.</p> <p>I have checked the rendered <code>&lt;param&gt;</code> tags and one of them lists <code>wmode</code> as <code>transparent</code>. </p> <p>The flash object is dynamically inserted with php through a CMS, so I have no access to the <code>&lt;embed&gt;</code> tag that many have suggested adding the <code>transparent</code> attribute to.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USbiggles
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHTML div display on top of Flash Object
      1. This table or related slice is empty.
      1. VTUpMod
    1. COYou'll need to add wmode="transparent" into the embed tag, sorry.
      singulars
      1. POHTML div display on top of Flash Object
      1. USMarty
    2. COActually, I just thought of something after I wrote out the code. I added a `z-index` declaration on the parent tag of the problem div and it worked. Something to do with the slideshow being in a different parent div and coming after the parent div of the `#top-menu`. It did seem odd how one div was working fine and the other being difficult.
      singulars
      1. POHTML div display on top of Flash Object
      1. USbiggles
    3. COActually, I believe it's `wmode: "opaque"` or at least that's what I've had to use in my applications where I have a flash banner and a drop down on top of it.
      singulars
      1. POHTML div display on top of Flash Object
      1. USSteve Robbins
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload