Wie werden diese png's transparent angezeigt?!

[mo-labs]

Hallo,

Ich hoffe ihr könnt mir helfen:
Seit einiger Zeit nutzte ich das Theme "Lightword auf einem meiner blogs ( Lightword Theme for WordPress ). Nun wollte ich mir ein eigenen Theme basteln da Lightword nicht das alles kann was ich gern hätte. Nun habe ich gesehen das der Theme Transparente Runden Ecken nutzt. Im IE6 werden diese auch Transparent dargestellt, nur ich frag mich wie das hier gelöst wurde? Ich sehe kein JavaScript, keien htc datei und auch keinen "AlphaFilter" der im CSS definiert worden ist. Weis jemand wie das hier gemacht wurde?

Mfg Mo

 

[vitus37]

Es ist die Grafik selbst, welche teils transparent ist. Stichwort ist auch hier Alpha-Wert. Mit Grafikprogrammen wie GIMP, Paint.NET oder Photoshop ist das ganz einfach zu machen (die entsprechenden Stellen im Bild einfach leer lassen ;)).

 

[mo-labs]

Das ist mir klar aber normal Zeigt der IE6 keine Transparenten PNG's an, dafür gibts einige verschiedene "Hacks" um das zu umgehen, z.b. ein Javascript, eine htc datei die darüber gelegt wird oder ein Filter der in CSS Definiert wird (aber nicht CSS 2.0 Konform ist) aber all das wurde hier nicht benutzt, trotzdem klappt der Theme im IE6 Fehlerfrei.

/Edit:

Gefunden, das steht doch im Header, vorhin dank Firebug übersehen da es eingeklappt war:

<!--[if IE 6]><style type="text/css">/*<![CDATA[*/#header{background-image: none; filterrogidXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lightword-theme.com/wp-content/themes/lightword/images/wider/content_top.png',sizingMethod='scale'); }#footer{background:transparent url(http://www.lightword-theme.com/wp-content/themes/lightword/images/wider/content_bottom.gif) no-repeat;height:8px;}.comm_date{background-image: none; filterrogidXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lightword-theme.com/wp-content/themes/lightword/images/date_comm_box.png',sizingMethod='scale'); }/*]]>*/</style><![endif]-->