Z-index problem...

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • howa

    Z-index problem...

    Hello,

    Consider a page with an Expandable SWF + Input Box :


    [CODE]
    ==========
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>TEST</title>
    </head>
    <body>

    <div style="margin-bottom:-80px;z-index:200">
    <object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase="http://download.macrom edia.com/pub/shockwave/cabs/flash/
    swflash.cab#ver sion=5,0,0,0" width="280" height="120">
    <param name="movie" value="http://www.e-planning.net/es/soporte/
    ExpRollOver.swf ">
    <param name="quality" value="high">
    <param name="wmode" value="transpar ent">
    <embed src="http://www.e-planning.net/es/soporte/ExpRollOver.swf "
    wmode="transpar ent" quality="high" pluginspage="ht tp://
    www.macromedia. com/shockwave/download/index.cgi?P1_Pr od_Version=Shoc kwaveFlash"
    type="applicati on/x-shockwave-flash" width="280" height="120" ></
    embed>
    </object>
    </div>

    <div style="z-index:100">
    <input type="text" name="q" id="q" value="" />
    </div>

    </body>
    </html>


    ==========

    Even I have set the z-index, the text box is always on the top of the
    SWF.

    Any idea?

    Thanks...
  • Martin Honnen

    #2
    Re: Z-index problem...

    howa wrote:
    Even I have set the z-index, the text box is always on the top of the
    SWF.
    z-index applies only to positioned content.


    --

    Martin Honnen

    Comment

    • howa

      #3
      Re: Z-index problem...

      On Sep 22, 7:29 pm, Martin Honnen <mahotr...@yaho o.dewrote:
      howa wrote:
      Even I have set the z-index, the text box is always on the top of the
      SWF.
      >
      z-index applies only to positioned content.
      >
      --
      >
              Martin Honnen
             http://JavaScript.FAQTs.com/
      I have made up another example: http://howachen.googlepages.com/f2.html

      [Code Changes]
      ============
      <div style="position :relative;margi n-bottom:-80px;z-index:200">
      ...
      ============

      However, the input box is not accessible then...

      THanks.

      Comment

      Working...