*blog... kind of... *rss
Layers on top of Flash are possible 26.05.2005 | |
| | Here I go with a trechy one. That's something that is not very easy to find on Internet, so if anyone needs that in the future here is the explanation.
If you work on the web sector probably you had the problem at some point of flash on the top of the page. I mean, probably you wanted to have another layer (menu navigations for example) on the top of flash but that wasn't working.
After some workarounds on the design I decided to do a bit of research. And this time I found a way to do it.
<div>
<div id="flash" style="position:absolute; z-index:0;">
YOUR FLASH OBJECT GOES HERE
</div>
<div id="layerOnTop" style="position:absolute; display:block; z-index:1;">
TEXT ON TOP OF FLASH
</div>
</div>
So as you can see you need to have the layers with position:absolute and then sort the layers with the z-index property. Also you will have to add the <param name="wmode" value="transparent"> in the flash object code.
TADAAAA!! | | posted by mr.doob at 15:11 | | 8 comments written so far |
| AFAIK, that will make -a lot- of flickering with some cards (or at least, it did on earlier versions of Flash).
Will have to test it with modern versions of browsers/shockwave add-ins.
| posted by Jcl 26.05.2005 , 17:35 |
|
| That didn't flickered here.. I tested it on:
PC:
IE6
Firefox
Opera
MAC:
Safari
IE
Firefox
| posted by trace 26.05.2005 , 19:24 |
|
| Yo lo probé hace meses y se moría el pobrecillo (meses?... quizas años ya)... supongo que ahora irá 1000 veces mejor.... anyway... SAFARI SUXX!!!
| posted by humphr3y 27.05.2005 , 13:56 |
|
| Safari ownz ;) Este code creo que solo rula con flashplayer7 btw..
| posted by trace 27.05.2005 , 15:14 |
|
| safari \o/
| posted by sole 27.05.2005 , 15:33 |
|
| Si, lo he probado... solo rula con la version 7 del flash... lo del safari, lo discutimos en una party...
| posted by humphr3y 27.05.2005 , 18:04 |
|
| pq no te gusta? tiene el boton de cerrar solapa donde toca! no a la otra punta de la pantalla! solo por eso ya vale la pena!
| posted by sole 31.05.2005 , 16:16 |
|
| | you'll need to also add wmode="transparent" as a part of the | posted by David 26.02.2007 , 06:42 |
|
SORRY! Is not that I don't care about what you have to say, of course I do, but they are speaking louder and I lost my patience :(
|
|
*profile

traditional id: Ricardo Cabello Miguel
based in: London, UK
serving to: Hi-ReS!
contact me: click here
*latest posts
* Some new Flash 10 Shaders for realtime... (01.09.2008) * Service Pack 3 Setup Error (31.08.2008) * FDT does work in Linux (19.08.2008) * Sorry for the delay... (19.08.2008) * Hi-ReS! Stats (11.08.2008) * Björk - Hidden Place (Knick & The Ene... (09.08.2008) * Noisia vs Religion (08.08.2008) * Inspire08 demo log, day 117 (07.08.2008) * Inspire08 demo log, day 116 (06.08.2008) * Thank you for writing to Yahoo! Accou... (01.08.2008) * Thank you for writing to Yahoo! Accou... (01.08.2008) * Definition of FAIL (31.07.2008) * Ronny Pries live @ Alpha Box Jan'08 (23.07.2008) * WALL·E (23.07.2008) * Where do we get the time from? (22.07.2008)
*latest comments
* C++, SDL Coding? Maybe.. ;) (Preview) (trace) * C++, SDL Coding? Maybe.. ;) (Preview) (Joey) * La picaresca (spt) * Mr. Slip Up (ricardo) * La picaresca (ricardo) * La picaresca (spt) * La picaresca (sole) * Demoscene @ Cirsa (sml) * La picaresca (humphr3y) * La picaresca (alfio) * fiver2's new baby: debris (Jcl) * Barcelona = full of shit(s) (Soli) * Demoscene @ Cirsa (Scener) * Rar & unrar with Ubuntu (SethPlate) * Mindcandy 2 (Jcl)
*advertising
|