www.webdeveloper.com
Results 1 to 7 of 7

Thread: CSS for div over swf

  1. #1
    Join Date
    Mar 2013
    Posts
    3

    Lightbulb CSS for div over swf

    Hi,

    I'm having a problem getting a div to lay ontop of a swf element on one of my pages.

    How can I make it so that the image within the div is not covered by the swf element?

    I tried setting the z-index very high (9999) on the div, but that did not work.

    Is there any other way to do this? I don't have access to the html file the swf is contained in. I have the html file embeded within an iframe on my page. Any help will be much appreciated. Thanks.

    I would attach images here, but I don't know how.

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,457
    Hi there inetg247,

    and a warm welcome to these forums.

    Have you tried...
    Code:
    
    <param name="wmode" value="transparent">
    ...or..
    Code:
    
    <param name="wmode" value="opaque">
    ...as a solution?

    Further reading:-


    coothead

  3. #3
    Join Date
    Mar 2013
    Posts
    3
    Hi,

    Thanks for your reply.

    I would of tried your solution, but I don't have access to the swf. The swf is provided by a third party and I embed the web page that contains a swf on my page using an iframe.

    I want to place a div over the swf portion of the embeded page. But, the swf covers the div when I try to do this.

    I have tried using a very high z-index (99999), but that does not work. Is there anything else I can do?

    I have other elements, like modal windows, that work just fine being placed over the swf. Since these other elements work just fine being placed over the swf (meaning that they are not covered by the swf when being placed over it), there has to be a way to do this without tweaking the code of the embed swf.

    Any other ideas? Thanks.

  4. #4
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,457
    Hi there inetg247,

    the "param element" is not in the .swf file, it is an HTML element.

    Here is an example, for you to try, that shows it in action...
    Code:
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <base href="http://www.coothead.co.uk/images/
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="english"> 
    <meta http-equiv="Content-Style-Type" content="text/css">
    
    <title></title>
    
    <style type="text/css">
    body {
        background-color:#f0f0f0;
     }
    #container {
        position:relative;
        width:604px;
        padding:25px;
        border:1px solid #999;
        margin:auto;
        background-color:#fff;
        box-shadow:10px 10px 10px #666;
     }
    #container object {
        display:block;
        width:600px;
        height:400px;
        border:2px solid #f00;
        background-color:#f00;
        box-shadow:8px 8px 8px #999;
     }
    #container img {
        position:absolute;
        top:60px;
        left:60px;
        border:2px solid #0f0;
        box-shadow:0 0 20px #fff;
     }
    </style>
    
    </head>
    <body>
    
    <div id="container">
    
    <object type="application/x-shockwave-flash" data="radiate.swf">
     <param name="movie" value="radiate.swf">
     <param name="wmode" value="transparent">
    </object>
    
    <img src="anim3.gif" alt="">
    
    </div>
    
    </body>
    </html>
    coothead

  5. #5
    Join Date
    Mar 2013
    Posts
    3
    Hi,

    I understand how to use the param element. Thanks again.

    I have the iframe embeded on my page like this:
    Code:
    <div id= "bordeswf">
                      <iframe id="playframe" width="730" height="770" src="http://www.bigfishg.com/online-games/online.html?gid=19695" frameborder="0" scrolling="no"></iframe> 
                    </div>
    The html doc resides on bigfishg.com's server. So, I can't tweak the way the swf is embeded on their page.

    Is there any way that I can place a div over the swf without it being covered up by it? Thanks.

  6. #6
    Join Date
    Mar 2013
    Location
    bangladesh
    Posts
    1
    hi i am new & want to get a good knowledge about this forum.did anyone help me?

  7. #7
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,457
    Hi there inetg247,

    you never mentioned an iframe in any of your previous posts.

    And your iframe, on examination does not even contain a swf file, either .

    I am beginning to think that you are just extracting the urine.

    coothead

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles