:strip_exif()/u/26632/dosprompt2.gif?f=community)
Ik ben momenteel wat aan het experimenteren met objecten op een webpage. Het idee wat ik nu probeer te bereiken is een element over een object te positioneren, zodat het element zichtbaar is boven het object.
Als voorbeeld heb ik geprobeerd een marquee te positioneren over een flashobject. Het probleem is echter dat het flashobject altijd helemaal op de voorgrond staat en daardoor de marquee verbergt.
De code is ongeveer zoiets als dit
In de classes is niet meer gedefinieerd dan de positie en hoogte/breedte. Position: relative en position: absolute geven beide hetzelfde resultaat. Ook het plaatsen van de marquee-div in de div waar het flashobject in staat werkt niet.
Dit werkte dus niet. Nu ben ik gaan werken met z-indexes. De z-index van de marquee staat op 10000, die van het flashobject heb ik niet verandert. Dit geeft geen resultaat.
De z-index van het object zetten lijkt totaal geen zin te hebben en ik kwam er ook achter dat dit waarschijnlijk helemaal niet mogelijk is. Je moet de z-index zetten van de div waarin deze staat. Maar als ik de z-index op -1000 zet van de flashthingy-div dan krijg ik nog steeds geen marquee te zien.
De marquee wordt echter wel gewoon gerenderd. Als ik dmv de iedevtoolbar de display van flashthingy-div op none zet dan zie ik gewoon de marquee eroverheen.
Nu ben ik op zoek gegaan naar manieren om die dingen te positioneren, maar nergens zie ik iemand die het gelukt is, met wat voor een object dan ook (ik gebruik hier flash, maar het mag van alles zijn natuurlijk).
Hits op google bestaan voornamelijk uit het positioneren van een object op de pagina, maar dat lukt me wel. Ik kan echter niets vinden over het positioneren van elementen over objecten (een zoektocht met "position element over object" levert me alleen positioneren van elementen OF objecten op
).
Een andere optie die ik heb geprobeerd is een iframe. Niet mijn favo manier om dit te doen, maar als het werkt dan is het natuurlijk het overwegen waard.
In de code heb ik een iframe in de flashthingy-div gezet met daarin het object (waarmee ik het object dus vanaf een andere pagina haal). Helaas gaf dit exact hetzelfde resultaat. De marquee blijft in dit geval weer achter het object plakken.
Mijn vraag is dus of iemand enig idee heeft of dit uberhaupt mogelijk is en ik welke richting ik ongeveer moet gaan zoeken. Kant en klare code heb ik absoluut niet nodig, als ik maar weet welke attributen ik ervoor kan gebruiken, een zetje in de goede richting zou al heel wat zijn (wat misschien dat ik gewoon verkeerd zit te zoeken.
Als voorbeeld heb ik geprobeerd een marquee te positioneren over een flashobject. Het probleem is echter dat het flashobject altijd helemaal op de voorgrond staat en daardoor de marquee verbergt.
De code is ongeveer zoiets als dit
HTML:
1
2
3
4
5
6
7
8
9
| <div class="flashthingy"> <object> <embed src=flashobject> </embed> </object> </div> <div class="marquee"> <marquee>text</marquee> </div> |
In de classes is niet meer gedefinieerd dan de positie en hoogte/breedte. Position: relative en position: absolute geven beide hetzelfde resultaat. Ook het plaatsen van de marquee-div in de div waar het flashobject in staat werkt niet.
Dit werkte dus niet. Nu ben ik gaan werken met z-indexes. De z-index van de marquee staat op 10000, die van het flashobject heb ik niet verandert. Dit geeft geen resultaat.
De z-index van het object zetten lijkt totaal geen zin te hebben en ik kwam er ook achter dat dit waarschijnlijk helemaal niet mogelijk is. Je moet de z-index zetten van de div waarin deze staat. Maar als ik de z-index op -1000 zet van de flashthingy-div dan krijg ik nog steeds geen marquee te zien.
De marquee wordt echter wel gewoon gerenderd. Als ik dmv de iedevtoolbar de display van flashthingy-div op none zet dan zie ik gewoon de marquee eroverheen.
Nu ben ik op zoek gegaan naar manieren om die dingen te positioneren, maar nergens zie ik iemand die het gelukt is, met wat voor een object dan ook (ik gebruik hier flash, maar het mag van alles zijn natuurlijk).
Hits op google bestaan voornamelijk uit het positioneren van een object op de pagina, maar dat lukt me wel. Ik kan echter niets vinden over het positioneren van elementen over objecten (een zoektocht met "position element over object" levert me alleen positioneren van elementen OF objecten op
).Een andere optie die ik heb geprobeerd is een iframe. Niet mijn favo manier om dit te doen, maar als het werkt dan is het natuurlijk het overwegen waard.
In de code heb ik een iframe in de flashthingy-div gezet met daarin het object (waarmee ik het object dus vanaf een andere pagina haal). Helaas gaf dit exact hetzelfde resultaat. De marquee blijft in dit geval weer achter het object plakken.
Mijn vraag is dus of iemand enig idee heeft of dit uberhaupt mogelijk is en ik welke richting ik ongeveer moet gaan zoeken. Kant en klare code heb ik absoluut niet nodig, als ik maar weet welke attributen ik ervoor kan gebruiken, een zetje in de goede richting zou al heel wat zijn (wat misschien dat ik gewoon verkeerd zit te zoeken.
:strip_exif()/u/25820/raptorsafari.gif?f=community)
:strip_exif()/u/82924/avatar.gif?f=community){kind=avatar}
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
:strip_icc():strip_exif()/u/5964/crop56503163e97a5.jpeg?f=community)
/u/189240/av70.png?f=community)
