• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

CSS Warnung Firfox. Wie umgehen?

Status
Für weitere Antworten geschlossen.

mr_g666

Neues Mitglied
Hallo Zusammen!

Hab folgendes Problem: habe ein externes css-file und darin die info für ein div mit folgenden eigenschaften:

Code:
#disable { 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    background-color: #808080; 
    z-index: 10; 

    -moz-opacity: 0.6; 
    opacity: 0.6; 

    filter: alpha(opacity=60); 
}
IE interpretiert

Code:
 filter: alpha(opacity=60);
Für firefox ist das gedacht:
Code:
-moz-opacity: 0.6; 
    opacity: 0.6;
Funktioniert auch in beiden Browsern, nur Firfox wirft in der Fehlerkonsole jedesmal eine Warnung, er würde die Eigenschaft "filter" nicht kennen.

Gibt es eine Möglichkeit zu verhindern das Firefox filter interpretiert und einen Fehler wirft?

MfG mr_g
 
Probier mal folgendes aus:
Code:
#disable { 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    background-color: #808080; 
    z-index: 10; 

    -moz-opacity: 0.6; 
    opacity: 0.6; 
}
* html #disable {        /* nur für Internet Explorer */
     filter: alpha(opacity=60); 
}
 
Das ist ja eigenartig ???
Normalerweise dürfte der FF den Filter so garnicht einlesen. Hast du den
filter: alpha(opacity=60); auch aus #disable rausgenommen, so das dieser nur in * html #disable liegt :?:

So langsam weis ich garnichts mehr ;ugl

 
Ja hab des natürlich entfernt.

Aber bringt nix. Den Versuch mit dem Stern hab ich schon mal gesehen und ausprobiert weis auch nicht warum das nicht geht.

Andere Ideen? Möglichkeiten?
 
Code:
<style type="text/css">
#disable { 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    background-color: #808080; 
    z-index: 10; 

    -moz-opacity: 0.6; 
    opacity: 0.6; 
}
</style>
[B][B]<!--[if IE]>
<style type="text/css">[/B][/B]
#disable {  
     filter: alpha(opacity=60); 
}
[B][B]</style><![endif]-->
[/B][/B]
Wenn das auch nicht Hilft, dann liegt es an:
Code:
    -moz-opacity: 0.6; 
    opacity: 0.6;
Dieses ist mir unbekannt. deshalb kann ich dazu nichts sagen.
 
Hi,

habs jetzt so ähnlich gemacht wie bei deinem Vorschlag, also folgenden Code in meinem html Dokument

Code:
<link href="css/style.css" rel="stylesheet" type="text/css"/>

<!--[if IE]>
<style type="text/css">
#disable {  
     filter: alpha(opacity=60); 
}
</style><![endif]-->
Hab quasi die Eignschaft aus dem css-file rausgenommen. Ist zwar ein bisschen unschön aber zumindest ist die Warnung verschwunden und es geht noch alles.

Schönen Dank.

Falls jmd noch was besseres weis bitte posten.

gruss mr_g
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben