[Typo3-UG NRW] PNGs in dynamischen Menüs

[modstyle]

Hi!

Schonmal danke! Ich werde damit ein wenig basteln.

Zum Thema IE/Mac gibt es einen meiner Meinung nach witzigen Fakt:
In der Mac-Version des Internet Explorer ist das PNG-Format mit all
seinen Features voll Implementiert, dort funktionieren die RollOvers auch
ohne weiteres wie in Mozilla & Co auch!

Natürlich sind mir trotz dieses Lösungsvorschlages weitere Hilfen immer
willkommen ;).

//modstyle //paul

19m0nyq02 at sneakemail.com schrieb:

>Hi Paul,
>am Montag, 15. November 2004 schriebst du zum Thema "Re: [Typo3-UG NRW] PNGs in dynamisc":
>
>  
>
>>Ja, diese Notlösung habe ich bereits eingebaut aber ich bin damit
>>nicht wirklich glücklich ;).
>>
>>Dass man JS ausschalten sollte bei einem Browser wie IE ist völlig
>>richtig, wird aber von kaum einem getan (immerhin 93% haben es an laut
>>webhits).
>>
>>Vielleicht weiss ja jemand doch eine Lösung wie man in RollOvers
>>verwendete PNGs dem IE aufzwingen kann ;).
>>    
>>
>
>ich hab mal etwas gegooglet und bin auf folgende Seite gestossen:
>http://www.alistapart.com/articles/pngopacity/
>
>da geht es auch um eine script-lösung. aber genaugenommen wird das 
>script nur benutzt um die Browser zu unterscheiden und den Browsern 
>unterscheidliches HTML vorzuwerfen. Das könnte ja PHP/typo3 für dich 
>machen. Und dann bindest du unterschiedliche Styles ein:
>für IE:
><div id="myDiv" 
>     style="position:relative; height:250px; width:250px;
>      
>filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myimage
>.png',sizingMethod='scale');"></div>
>
>und sonst:
><div id="myDiv" 
>     style="position:relative; height:250px; width:250px;
>background-image:url(myimage.png);"></div>
>
>Das müßte natürlich genausogut in ein externes CSS verlegt werden 
>können.
>Und im Style kann man natürlich auch noch Pseudoformate benutzen um 
>einen Rollovereffekt zu erzeugen:
>a:link  .m1	{ background-image:url(menu1.png); }
>a:hover .m1	{ background-image:url(menu1o.png); }
>
>a:link .m2	{ 
>filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='menu1.p
>ng',sizingMethod='scale'); }
>a:link .m2	{ 
>filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='menu1o.
>png',sizingMethod='scale'); }
>
>kombiniert mit der Browsererkennugn von typo3 und der Weiche im 
>Template sollte damit doch etwas zu machen sein, das kein Script 
>benötigt.
>
>!!! Aufgepasst: 
>IE/Mac versteht den AlphaImageLoader nicht, 
>kann typo3 das erkennen?
>
>viel Spaß beim Basteln
>Bernd
>
>wenn dann alles funktioniert kannst du ja mal die endgültige Lösung 
>verteilen.
>
>_______________________________________________
>Typo3-nrw mailing list
>Typo3-nrw at lists.netfielders.de
>http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-nrw
>
>
>  
>