[OPEN] Flash / Fancybox overlaying in IE

[Verwijderd]

Ik ben een website aan 't bouwen. Het grootste deel van de website is 'n flash-file, met daarin linkjes. De linkjes openen 'n fancybox met daarin aanvullende informatie. In Internet Explorer valt alleen de flash-file over de gehele fancybox heen, behalve over de iframe in de fancybox. Nou heb ik lopen Googlen, en heb ik op basis daarvan wmode op opaque gezet. Ook spelen met z-index lijkt niet te werken...

Gezien de site nog in ontwikkeling is kan ik 'm nog niet online zetten om te laten zien, maar ik kan wel iemand op basis van ip-adres whitelisten voor de dev-omgeving. Is iemand bereid me te helpen?

Thanks!

[R4gnax]

Verwijderd schreef op maandag 10 mei 2010 @ 22:47:
In Internet Explorer valt alleen de flash-file over de gehele fancybox heen, behalve over de iframe in de fancybox.

In welke versie van IE? Dat maakt bij dit soort problemen nog al een verschil.

[MueR]

Verwijderd schreef op maandag 10 mei 2010 @ 22:47:
Gezien de site nog in ontwikkeling is kan ik 'm nog niet online zetten om te laten zien, maar ik kan wel iemand op basis van ip-adres whitelisten voor de dev-omgeving. Is iemand bereid me te helpen?

Erhm, dat doen we hier niet. Jij maakt of een testcase beschikbaar voor iedereen, of je zorgt dat er hier relevante code staat waarmee we vooruit kunnen. Ik stel dus voor dat je een van die twee gaat realiseren. Zie ook Webdesign, Markup & Clientside Scripting Beleid.

[Verwijderd]

MueR schreef op dinsdag 11 mei 2010 @ 08:56:
[...]

Erhm, dat doen we hier niet. Jij maakt of een testcase beschikbaar voor iedereen, of je zorgt dat er hier relevante code staat waarmee we vooruit kunnen. Ik stel dus voor dat je een van die twee gaat realiseren. Zie ook Webdesign, Markup & Clientside Scripting Beleid.

Het gebeurt in IE6, IE7 en IE8 (ook in IE7 Emulate). M'n code is alsvolgt:

HTML:

<object type="application/x-shockwave-flash" id="soenda_website_overview" name="soenda_website_overview" width="990" height="600" data="/swf/soenda_website_island_01.swf" style="background: none;">
<param name="movie" value="/swf/soenda_website_island_01.swf"></param>
<param name="quality" value="high"></param>
<param name="play" value="true"></param>
<param name="loop" value="true"></param>
<param name="scale" value="showall"></param>
<param name="wmode" value="transparent"></param>
<param name="devicefont" value="false"></param>
<param name="allowFullScreen" value="false"></param>
<param name="allowScriptAccess" value="sameDomain"></param>
<param name="salign" value=""></param>
</object>

M'n fancybox is verder geheel standaard...

[geert1]

Als je wmode op transparent of opaque staat, en de z-index van de overlay staat hoger dan die van andere elementen, dan kan het eigenlijk niet mis gaan. Controleer of je pagina valideert, met name of alle tags goed zijn afgesloten en genest. Met fouten in je HTML kan zoiets voorkomen.

Verder zouden we meer broncode moeten zien, van bijvoorbeeld een pagina met fanxybox erin, plus het flash-component, en verder weinig afleiding. Dan heb je een testcase waar je iets mee kunt. Een vraag stellen op een forum als dit gaat niet zonder wat moeite van jouw kant.

[RM-rf]

<param name="wmode" value="transparent"></param>

is wat anders dan

<param name="wmode" value="opaque"></param>


'opaque' is degene die je eigenlijk wilt bereiken, namelijk een modus waarin HTML-elementen over de flash-movie kunnen heenvallen
(transparent zou eigenlijk ook _moeten_ werken, maar legt meer belasting op de CPU/GPUen kan extra problemen geven terwijl het voordeel enkel zou zijn dat de 'achtergrond' doorschijnt)

[ Voor 26% gewijzigd door RM-rf op 11-05-2010 12:48 ]