-moz-opacity per Javascript setzen

[Fritz]

Hallo,

ich möchte per Javascript die (propietäre) style-Eigenschaft -moz-opacity ändern.
Grundsätzlich ginge das ja per
Element.style.Eigenschaft = "xxx";
Nun sind mir die Minuszeichen der Eigenschaft -moz-opacity dabei offensichtlich im Weg.
Element.style.-moz-opacity = irgendwas
führt zwangsläufig zu einem Javascript Fehler, weil Javascript wohl die Operation ausführen möchte, die mit dem Minuszeichen angewiesen wird.
Hat jemand eine Idee, wie ich den gordischen Knoten durchschlagen kann (ausser auf CSS3 zu warten)

Gruß Fritz

[plan_B]

hallo,

Element.style.-moz-opacity = irgendwas
führt zwangsläufig zu einem Javascript Fehler, weil Javascript wohl die Operation ausführen möchte, die mit dem Minuszeichen angewiesen wird.

http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften@title=javascript/objekte/style.htm#style_eigenschaften

Gruß plan_B

[nam]

http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften@title=javascript/objekte/style.htm#style_eigenschaften

Also Element.style.MozOpacity.

-moz-opacity ist übrigens nicht mehr nötig, da das CSS3-Attribut opacity bereits unterstützt wird - und das von den meisten aktuellen Browsern.

Gruss,
Mathias

[bleicher]

Grüße,

-moz-opacity ist übrigens nicht mehr nötig, da das CSS3-Attribut opacity bereits unterstützt wird - und das von den meisten aktuellen Browsern.

Browser mögen so weit sein, aber was ist mit InternetEntsorger?.. *Explorer meine ich. der brauhct ja imme rnoch den css hack , oder?

MFG
bleicher

[Felix Riesterer]

Lieber bleicher,

das CSS3-Attribut opacity bereits unterstützt wird - und das von den meisten aktuellen Browsern.

Browser mögen so weit sein, aber was ist mit InternetEntsorger?.. *Explorer meine ich. der brauhct ja imme rnoch den css hack , oder?

meinen Tests zufolge braucht er seinen Alpha-Filter, da er bis zu seiner Version 7 opacity nicht nach CSS3 unterstützt. Damit er diesen Filter auch anwendet, muss das Element auch noch die hasLayout-Eigenschaft erhalten. Damit komme ich zu folgender Lösung:

if (element.filters) { // IE specific  
    var wert = 0.5 ; // wert kann zwischen 0.0 und 1.0 liegen  
    element.style.zoom = 1; // "hasLayout" fix für IE  
    element.style.filter = "Alpha(opacity=" + wert + ")";  
}

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Fritz]

Hallo an alle,

und vielen Dank für die vielen guten und durchwegs hilfreichen Antworten. Hat mich wieder ein Stück weitergebracht.
Und auf ein neues Problem gestoßen:
Kann es sein, dass Opera in der neuesten Version 9.26 Probleme mit opacity hat? Er verschluckt mir wahllos einzelne Buchstaben?
Zu sehen auf http://www.the-magics.de

Gruß Fritz

[Fritz]

Hallo,

ich bin ein Stück weiter:
Es scheint, als ob der Op opacity in Verbindung mit letter-spacing nicht mag.
Ich werd' mal einen Testcase bauen.

Bis dann
Fritz

[Fritz]

Hallo,

Ich werd' mal einen Testcase bauen.

Das scheint nicht nötig zu sein:
http://forum.de.selfhtml.org/archiv/2006/12/t142803/
Gruß Fritz

[plan_B]

Hallo,

Kann es sein, dass Opera in der neuesten Version 9.26 Probleme mit opacity hat? Er verschluckt mir wahllos einzelne Buchstaben?
Zu sehen auf http://www.the-magics.de

... hatte nur kurz die Hoffnung, dass es eine neuere Operaversion besser machen würde.

mit Op 9.5 beta - praktisch kein Text mehr sichtbar :(

Gruß plan_B

[Fritz]

Hallo,

... hatte nur kurz die Hoffnung, dass es eine neuere Operaversion besser machen würde.

Ich fürchte, da gibt es keine Hoffnung mehr. Das Problem sollte Opera seit mindestens 1 1/2 Jahren bekannt sein:
http://my.opera.com/community/forums/topic.dml?id=158293

Ich bin nun am Überlegen, ob ich Opera eine Sonderbehandlung zukommen lassen soll, oder ob ich mich gedanklich endgültig von dem Teil verabschiede.
Im übrigen weiß ich momentan gar nicht, wie ich das mit der Sonderbehandlung anstellen soll. Wie kann ich ein per CSS gesetztes opacity für den Op wieder entfernen??

Gruß Fritz

[Fritz]

Hallo,
So, ich hab's getan:
Da ich keine Chance sehe, daß Opera den Bug in absehbarer Zeit behebt, nehme ich dem Opera einfach die opacity wieder, nachdem Sie für ordentliche Browser vorher gesetz wurde:

/* nur fuer Opera */
@media screen and (min-width: 0px){
#wrapper { opacity: 1; }
}

Gruß Fritz

[PeterM]

Hallo,
So, ich hab's getan:
Da ich keine Chance sehe, daß Opera den Bug in absehbarer Zeit behebt, nehme ich dem Opera einfach die opacity wieder, nachdem Sie für ordentliche Browser vorher gesetz wurde:

Das ist *sehr* ungünstig.
Ich hab nen neuen Bugreport an Opera abgesetzt udn dabei auf diese Seite verwiesen. Wenn die das nun prüfen wollen, finden sie keinen Bug mehr :(

[Fritz]

Hallo,

Das ist *sehr* ungünstig.
Ich hab nen neuen Bugreport an Opera abgesetzt udn dabei auf diese Seite verwiesen. Wenn die das nun prüfen wollen, finden sie keinen Bug mehr :(

Ok, überredet. Ich hab den Hack wieder rausgenommen.
Wobei ich eher nicht an einen Erfolg deiner Bemühungen glaube. Opera sollte den Bug spätestens seit September 2004 kennen. Irgendwie scheint mir da in Norwegen ohnehin die Luft raus zu sein. Oder sollte ich sagen, der Fux hat denen wohl das Wasser abgegraben?

Gruß Fritz

[ChrisB]

Hi,

Das ist *sehr* ungünstig.
Ich hab nen neuen Bugreport an Opera abgesetzt udn dabei auf diese Seite verwiesen. Wenn die das nun prüfen wollen, finden sie keinen Bug mehr :(

Fuer Bugreports auf Seiten zu verweisen, die nicht der eigenen Kontrolle unterliegen, ist in der Tat *sehr* ungünstig (um mal die Negation von "herrlich" zu vermeiden).

MfG ChrisB

[plan_B]

Hallo,

Im übrigen weiß ich momentan gar nicht, wie ich das mit der Sonderbehandlung anstellen soll. Wie kann ich ein per CSS gesetztes opacity für den Op wieder entfernen??

mir war nur eine javascript-Lösung eingefallen und da habe ich nochmal ein wenig getestet.
op 9.50 beta schaffte tatsächlich eine saubere Darstellung durch dieses erzwungene Rendern ( Wahsagas Zaunpfahl-Methode)

  
 window.onload=function() {  
 var elem=document.getElementById("wrapper");  // div in dem opacity gesetzt wird  
 if (elem) elem.style.backgroundColor="black";  
 }  

dieses Verfahren klappt aber nicht mehr mit der 9.26er. Nun soll OP 9.26 auf der stabilen Version 9.50 beta aufbauen und trotzdem taucht der alte Fehler wieder auf.

dass ich mit der 9.50-er Version dein Navigationsmenu über dem Gruppenbild und mit der der 9.26-er unter dem Bild finde ..., lässt mich an der neueren Version zweifeln ....

Gruß plan_B

[Fritz]

Hallo,

dass ich mit der 9.50-er Version dein Navigationsmenu über dem Gruppenbild und mit der der 9.26-er unter dem Bild finde ..., lässt mich an der neueren Version zweifeln ....

Kein Grund zur Verzweiflung ;-)
Spiele mal ein bißchen mir der Höhe des Viewports.

Gruß Fritz

[molily]

... hatte nur kurz die Hoffnung, dass es eine neuere Operaversion besser machen würde.

mit Op 9.5 beta - praktisch kein Text mehr sichtbar :(

Mit 9.50 Beta Build 1834 unter Linux sehe ich keine Probleme.

Mathias

[Daniel unreg]

Hallo,

-moz-opacity ist übrigens nicht mehr nötig, da das CSS3-Attribut opacity bereits unterstützt wird - und das von den meisten aktuellen Browsern.

Richtig, Mozilla unterstützt opacity schon seit 1.7. Leider wurde damals die proprietäre Eigenschaft nicht gleichzeitig entfernt, was wohl der grund ist, warum noch so viele Leute es verwenden. In Gecko 1.9 wirds auch noch enthalten sein, da es inzwischen zu spät erscheint, dies noch zu ändern ._.

Naja, so viel von mir :)

gruß