Thanks Sam and Aran!  I'm trying your techniques.  I'm still not sure where
the sub-page ContentPlaceHolder control goes.  There were a couple mistakes
on my original question: First, the scrolling text was there, I just hadn't
set it up right with my new version of my website.  Second, I'm on swfobject
2.2, not 2.0.

Sam - you shouldn't have any trouble getting on my site - it's been online
for years, and works in the latest Firefox and IE7.  Maybe you spelled it
wrong?  http://www.rainbowandwish.com

Now, to your ideas.  I've read everywhere that the only way to get your
content to float on top of your flash background was to make the swfobject
transparent.  I know that was the case with the old swfobject  Now you're
saying opaque is the way to go?  Also, with the old swfobject I had z-index
= 1, but it didn't seem to make any difference with the new one.

Here's what I have now with your suggestions, with inline styling so you can
easily see it.  What happens now is that Hello World is at the top of the
screen with white background.  Below that is the flash background.  If in my
default.aspx page I position the controls with absolute, they DO rest on top
of the background, but I'm not sure I want all my content to be position
absolute.  I'd like it to grow and shrink with the page.

I still want the flash background behind Hello World.  I tried both opaque
and transparent, z-index = 1 and no z-index, and none of these settings made
the least bit of difference.  Maybe there's something wrong with
expressInstall.swf?  With the code below I certainly see why it comes out
the way it does, but if the swf object wipes out everything in the div, then
how else can you do it?

I also tried the z-index on the ContentPlaceHolder and content controls
placed relative, but same thing - they appear at the bottom of the screen
after the swfobject.

<head>
...
    <script type="text/javascript">
        var flashvars = {};
        var params = {};
        params.wmode = "opaque";
        var attributes = {};

        swfobject.embedSWF("RainbowWishBackgroundText.swf", "flashTarget",
"100%", "900", "9.0.0", "expressInstall.swf", flashvars, params,
attributes);
    </script>

</head>
<body>
<form id="form1" runat="server">
    <div id="Background" style="position: absolute; top: 0px; left: 0px;
width: 100%;">
        <asp:Label ID="lblTest" runat="server" Text="HELLO
WORLD"></asp:Label>
        <div id="flashTarget" style="position: absolute; top: 0px; left:
0px; width: 100%; z-index: 1;"></div>
        <div>
            <asp:ContentPlaceHolder id="cntBody" runat="server">

            </asp:ContentPlaceHolder>
        </div>
    </div>
</form>
</body>

===================================================================================

On Wed, May 5, 2010 at 12:28 AM, Sam Sherlock <[email protected]>wrote:

> in addition to Aran's advice z-index was not set on your background
>
> I wrapped the content in a div with id "content" and set the z-index on
> there.
>
> Sony Playstation also uses the same trick I could not load the example
> rainbow site;
>
>
> - S
>
>
>  --
> You received this message because you are subscribed to the Google Groups
> "SWFObject" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected]<swfobject%[email protected]>
> .
> For more options, visit this group at
> http://groups.google.com/group/swfobject?hl=en.
>



-- 
Larry Wakeman
http://www.lianaent.com

-- 
You received this message because you are subscribed to the Google Groups 
"SWFObject" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/swfobject?hl=en.

Reply via email to