wie funktioniert der css - "onmouseover" - event arbeiten?

update-
sorry Leute, ich sollte einen link bereitgestellt haben, um die website, wo ich sah den Effekt. hier gehen Sie - http://www.w3schools.com/Css/css_image_transparency.asp

und den code, den ich gesehen habe (und die basis dieser Frage) ist wie folgt -

    <img src="klematis.jpg" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

Die ursprüngliche Frage ist wie unten -

Ich war auf der Suche für rollover-Effekte, die getan werden kann, ohne Verwendung von JS, und ich stolperte über die w3schools-website Lehre die "Deckkraft" - Einstellung für die Bilder. In dem code, es gibt keine js beteiligt, nur seine Reine css-Dateien.

ich habe sogar versucht, mit dem gleichen code in meiner Webseite (die keine js, noch), und ich bemerkte, dass der code, der passiert, um perfekt funktionieren in chrome und IE 7.0. der code hat einen "onmouseover" - event und ein weiteres "onmouseout" - Ereignis zu geben, die hover-Effekte auf der Grundlage der opacity-Einstellungen.

sich Fragen, ob diese Effekte (onmouseover und onmouseout) -
1. Reine css-Dateien
2. standards compliant (xhtml 1+ und css2)
3. ob es irgendwelche hacks beteiligt

ich kann immer noch nicht glauben, dass diese Dinge funktionieren auf ie7, und Frage mich, warum gibt es keine Dokumentation über diese Ereignisse.

So entfernen Sie w3schools aus den Suchergebnissen: stackoverflow.com/questions/5790932/...

InformationsquelleAutor arun nair | 2011-05-10

Schreibe einen Kommentar