Browserweiche png IE alpha Filter conditional comments – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Browserweiche png IE alpha Filter conditional comments Fri, 09 Sep 05 20:57:53 Z https://forum.selfhtml.org/self/2005/sep/9/browserweiche-png-ie-alpha-filter-conditional-comments/870883#m870883 https://forum.selfhtml.org/self/2005/sep/9/browserweiche-png-ie-alpha-filter-conditional-comments/870883#m870883 <p>hallo</p> <p>ich weiß das dies schon ein oft diskutiertes Thema ist.</p> <p>also empfohlen wird meist:</p> <ul> <li>PNG für alle modernen Browser</li> <li>GIF mit filter:alpha für den IE</li> </ul> <p>wie sieht denn jetzt eine Browserweiche konkret aus?</p> <p>kann ich denn mit einem css extra für den IE die URL des Bildes wechseln?  das wär ganz wichtig zu wissen.</p> <p>Und dann:Das spezielle css für den IE wird ja durch die conditional comments eingeleitet:<br> < http://de.selfhtml.org/css/layouts/browserweichen.htm ></p> <p>gibts da auch eine kurzschreibweise??<br> geht z. B. .ie.cssklasse {...}</p> <p>grüße carsten</p> Browserweiche png IE alpha Filter conditional comments Fri, 09 Sep 05 21:27:03 Z https://forum.selfhtml.org/self/2005/sep/9/browserweiche-png-ie-alpha-filter-conditional-comments/870885#m870885 https://forum.selfhtml.org/self/2005/sep/9/browserweiche-png-ie-alpha-filter-conditional-comments/870885#m870885 <p>Hier habe ich auch einen interessanten beitrag unter <a href="http://forum.de.selfhtml.org/archiv/2005/1/t100006/#m611825" rel="nofollow noopener noreferrer">http://forum.de.selfhtml.org/archiv/2005/1/t100006/#m611825</a>gefunden:</p> <p>Ein Zitat: von jeena Peradise:</p> <p>Hallo,</p> <blockquote> <p>Wenn beides deaktiviert ist - Ja.</p> </blockquote> <p>Das ist ja eigentlich sehr komisch. Das ganze funktioniert nämlich eigentlich so, dass das Bild ganz normal mit <img class="alpha" src="bild.png" alt="Bild" /> eingebunden wird.</p> <p>Danach führt nur der IE die <a href="http://jeenaparadies.net/css/western/ielte6.css" rel="nofollow noopener noreferrer">http://jeenaparadies.net/css/western/ielte6.css</a> aus. Dort wiederum steht:</p> <p>img.alpha { behavior: url("/css/western/pngbehavior.htc"); }</p> <p>Und das bindet dann diese Datei ein: <a href="http://jeenaparadies.net/css/western/pngbehavior.htc" rel="nofollow noopener noreferrer">http://jeenaparadies.net/css/western/pngbehavior.htc</a></p> <p>Diese Datei sollte dann eigentlich nach allen Bildern, die die klasse "alpha" haben suchen und diese dann mit einem durchsichtigen gif ersetzten. Danach soll dann im Hintergrund dieses GIF das PNG mittels des AlphaImageLoader vom IE halbdurchsichtig geladen werden. Wenn es der IE 5.0 ist dann wird er davor ausgeschlossen.</p> <p>Ich dachte eigentlich dass bei ausgeschaltetem JS die pngbehavior.htc gar nicht geladen wird und alles beim alten bleibt, das bild also nicht verschwindet.</p> <p>Grüße<br> Jeena Paradies</p> <p>Zitat Ende</p> <p>ich glaube das die Links leider nicht meht funktionieren.<br> Was sind denn htc dateien? kennt jemand hier irgendein beispiel das man sich anschauen könnte? Oder ein beispiel für die CSS methode?</p> <p>Grüße von mir</p> <p>carsten</p> Browserweiche png IE alpha Filter conditional comments Fri, 09 Sep 05 21:46:20 Z https://forum.selfhtml.org/self/2005/sep/9/browserweiche-png-ie-alpha-filter-conditional-comments/870884#m870884 https://forum.selfhtml.org/self/2005/sep/9/browserweiche-png-ie-alpha-filter-conditional-comments/870884#m870884 <p>Hallo!</p> <p>Schau' doch mal hier:<br> <a href="http://www.satzansatz.de/cssd/tmp/alphatransparency.html" rel="nofollow noopener noreferrer">http://www.satzansatz.de/cssd/tmp/alphatransparency.html</a><br> <a href="http://www.alistapart.com/articles/pngopacity/" rel="nofollow noopener noreferrer">http://www.alistapart.com/articles/pngopacity/</a><br> <a href="http://www.codeproject.com/jscript/IEPNGsupport.asp" rel="nofollow noopener noreferrer">http://www.codeproject.com/jscript/IEPNGsupport.asp</a></p> <p>oder bei <a href="http://www.google.com/search?q=alpha+filter+css+png&sourceid=mozilla-search&start=0&start=0&ie=utf-8&oe=utf-8&client=firefox-a&rls=org.mozilla:de-DE:official" rel="nofollow noopener noreferrer">Google</a></p> <p>Gruß Gunther</p> <div class="signature">-- <br> c't Wettbewerb: <a href="http://hommingberger-gepardenforelle.hommingberger-geparden-forelle.de/" rel="nofollow noopener noreferrer">SEO «» Search Engine Optimization «» Suchmaschinenoptimierung</a> </div> Browserweiche png IE alpha Filter conditional comments Fri, 09 Sep 05 21:35:27 Z https://forum.selfhtml.org/self/2005/sep/9/browserweiche-png-ie-alpha-filter-conditional-comments/870886#m870886 https://forum.selfhtml.org/self/2005/sep/9/browserweiche-png-ie-alpha-filter-conditional-comments/870886#m870886 <p>Hier hab ich auch noch was gefunden:<a href="http://forum.de.selfhtml.org/archiv/2005/2/t101120/" rel="nofollow noopener noreferrer">http://forum.de.selfhtml.org/archiv/2005/2/t101120/</a></p> <p>gruß carsten</p>