Gandalf: filter bei IE6

Ich habe es folgende versucht:

<span style="position:absolute;filter:Alpha(opacity=50);">
    <h2>Text</h2>
  </span>

Beim IE6 sind die Buchstaben aber nicht normal. Da sind einige extra pixel an die seite des Buchstaben. Weisst jemand warum, und was man daran tun könnte?

Danke,
 Gandalf

  1. Hallo,

    Ich habe es folgende versucht:

    <span style="position:absolute;filter:Alpha(opacity=50);">
        <h2>Text</h2>
      </span>

    Beim IE6 sind die Buchstaben aber nicht normal. Da sind einige extra pixel an die seite des Buchstaben. Weisst jemand warum, und was man daran tun könnte?

    Zunaechst mal solltest Du kein Block-Element in ein Inline-Element verschachteln, also besser so:

    <h2><span style="position:absolute;filter:Alpha(opacity=50);">Text</span></h2>

    Ansonsten sehe ich im IE6 keinen optischen Unterschied zwischen beiden Versionen: grauer Text in H2-Groeße
    und Standardschriftart Times New Roman.

    BTW: Fuer Mozilla kannst Du auch noch -moz-opacity: 0.5; hinzufuegen, siehe: http://www.styleassistant.de/tips/tip84.htm.

    MfG, Thomas