webernie: Transparenter Text im IE

SELF-Forum

Transparenter Text im IE

webernie
– Informationen zu den Bewertungsregeln

Hi,

ich möchte die CSS-Eigenschaft filter:Alpha... auf Text anwenden. Nun habe ich festgestellt, dass man diese Eigenschaft direkt in ein Element z.B. <img style="filter:Alpha..."> integrieren muss.

So was wie
<h1 style="filter:Alpha...">
  Text
</h1>
geht nicht.

Hab ich was übersehen oder gibt es keine Möglichkeit im IE Text transparent darzustellen?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Transparenter Text im IE

    suit Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hab ich was übersehen oder gibt es keine Möglichkeit im IE Text transparent darzustellen?

    ich tippe auf einen syntaxfehler - die alphafilter, genauer gesagt die opacity-geschichte (übrigens wird hier nicht die transparenz sondern die opazität festgelegt) funktioniert in einem <img />-element oder einem <h1 />-element exakt gleich

    übrigens solltest du dich von inline-css trennen und das ganze in einem separaten stylesheet auslagern

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Transparenter Text im IE

      webernie
      – Informationen zu den Bewertungsregeln

      Ok, dann finde den Syntaxfehler:

      <div style="filter:Alpha(opacity=50, finishopacity=50, style=0); opacity:0.5;">
        Text
        <a href="#">Link</a>
        <img src="testbild.jpg">
      </div>

      Wenn ich das style Attribut direkt in den <img> tag integriere, dann funzt es, aber so halt nicht. Die opacity zeigt mir, dass z.b. in Opera bei allen 3 Elementen die Deckkraft reduziert wird.

      Zum Thema Stylesheet auslagen: Ist klar. Mache ich sonst auch, geht aber in diesem speziellen Fall nicht.

      Ich bitte um weitere Vorschläge oder vielleicht kann mir mal jemand ein Beispiel schicken, was bei ihm/ihr funktioniert.

      PS: der IE 7 sollte damit ja kompatibel sein.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Transparenter Text im IE

        suit Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Ok, dann finde den Syntaxfehler:
        <div style="filter:Alpha(opacity=50, finishopacity=50, style=0);

        obrige zeile ist der syntaxfehler ;)

        nein im ernst - dein problem hat etwas mit hasLayout zu tun

        Ich bitte um weitere Vorschläge oder vielleicht kann mir mal jemand ein Beispiel schicken, was bei ihm/ihr funktioniert.

          
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
 <head>  
  <title>Titel</title>  
  <style type="text/css">  
   h1 {  
    filter:alpha(opacity=50);  
    height: 1%;  
   }  
  
  </style>  
 </head>  
 <body>  
  <h1>weeee</h1>  
 </body>  
</html>
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln