Flash Backgrounds? What happened?

  • TsX
  • Graduate
  • Graduate
  • User avatar
  • Joined: Oct 09, 2004
  • Posts: 167
  • Status: Offline

Post August 25th, 2008, 1:57 pm

Well I was looking to make a flash background with images and text over it. CSS layers seemed to be the way to go, but after looking around and failing to do so myself I almost think it is no longer supported?! Or what?

http://www.flashdesignerzone.com/tutorials/t1044.php

This link provides a guide to flash backgrounds. It also appears to have a sample which should be running behind his content. However, as I see it, the flash is still layered over the other content. I tested it in Internet Explorer and got the same thing. Same problem I am having when attempting to do mine.

So what's up with that? And is there another way to do a flash background?
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post August 25th, 2008, 1:57 pm

  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Joined: Jul 11, 2005
  • Posts: 1828
  • Loc: In the Great White North
  • Status: Offline

Post August 26th, 2008, 6:05 am

Yes it is possible and very much still supported. One catch is that you have to make sure that the flash wmode is set to transparent or the swf will always be on top of the content. I would also be sure to use some sort of javascript embed (either the one that flash publishes or the swfobject will do).

Here's a test of Flash over HTML over Flash that I built to prove the concept. All the styles are embeded in the html so it should be pretty easy to figure out whats going on. http://addsomespark.com/overunder
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • TsX
  • Graduate
  • Graduate
  • User avatar
  • Joined: Oct 09, 2004
  • Posts: 167
  • Status: Offline

Post August 26th, 2008, 11:05 am

That was a very nicely done example you did. I thank you much.
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Joined: Jul 11, 2005
  • Posts: 1828
  • Loc: In the Great White North
  • Status: Offline

Post August 26th, 2008, 1:30 pm

np glad you could use it.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • dapezboy
  • Novice
  • Novice
  • User avatar
  • Joined: Aug 25, 2008
  • Posts: 27
  • Loc: Hawaii
  • Status: Offline

Post September 2nd, 2008, 8:10 pm

Couldn't another way, be:
Use the z-index, and <div> tags, to make one layer on top of the other, and align them with your CSS file?
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Joined: Jul 11, 2005
  • Posts: 1828
  • Loc: In the Great White North
  • Status: Offline

Post September 2nd, 2008, 8:35 pm

Thats exactly what's being done.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post September 3rd, 2008, 9:38 pm

The thing is... it's not showing as a background image for me... It's a simple flash over all the other content on the site.

I'm using Firefox 3 on Windows XP
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Joined: Jul 11, 2005
  • Posts: 1828
  • Loc: In the Great White North
  • Status: Offline

Post September 4th, 2008, 6:01 am

Its actually 3 parts. The bottom layer (diagonal lines) is 100% x 100% resizing Flash. Resize your browser to see it move around. This was a 10 minute example so there's something wrong with the base flash in that it doesn't always animate. Next there's a layer of HTML content (all the text) and finally there's an absolutely positioned piece of flash on top to simulate a menu. Click to see it animate.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • jeremyBass
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Apr 29, 2008
  • Posts: 7
  • Status: Offline

Post September 17th, 2008, 7:46 pm

I'll be writing on one way to do this... look here...
http://corbensproducts.com/Blogs/7/51/

I'll be explaining how to do it in detail over the next few weeks...
jeremyBass

Post Information

  • Total Posts in this topic: 9 posts
  • Users browsing this forum: No registered users and 127 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.