moin,
ich benutze hin und wieder den berühmten microsoftschen {filter: (d.h. also CSS 2, nicht den komplizierten DX kram), und da muss man dann natürlich darauf achten, dass man nur dinge verwendet, für die es auch analog etwas für mac und linux gibt.
hier mal ein beispiel:
dazu habe ich jetzt zwei fragen.
1.) wie bekomme ich das inline? das obere funktioniert zu 100% wenn ich es in des tag direkt schreibe, aber was mache ich mit dem .klasse:hover ?
2.)
die puristen unter euch werden jetzt laut aufstöhnen, aber gibt es irgendwo eine übersicht über solche IE-only oder sonstwas-only geschichten, wo man die KDE und mac versionen auf einen überblick hat?
ich meine (ich stell mich jetzt mal extra blöd) man schaut auf selfhtml unter filter und selfhtml sagt das ist nur für IE. es "stimmt" aber nicht, es geht auch für KDE und OSX ... nur halt nicht offiziell, so dass man nirgends nachschauen kann was es so gibt, wie das heissen muss, bzw. was geht und was nicht.
oder doch?
ich benutze hin und wieder den berühmten microsoftschen {filter: (d.h. also CSS 2, nicht den komplizierten DX kram), und da muss man dann natürlich darauf achten, dass man nur dinge verwendet, für die es auch analog etwas für mac und linux gibt.
hier mal ein beispiel:
HTML:
<html>
<head>
<style type="text/css">
.klasse {
filter:alpha(opacity=40); <!--für IE-->
-moz-opacity: 0.40; <!--für mozilla-->
-khtml-opacity: 0.40; <!--für KDE-->
opacity: 0.40; <!--für safari-->
-webkit-transition: all 0.5s ease-out; <!--das funktioniert merkwürdiger weise auch in safari ganz prima-->
}
.klasse:hover {
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
</style>
<body>
<a href="http://www.beispielseite.de" class="klasse">
<img src="beispielbild.png" border="0" width="48" height="48" />
</a>
<a href="http://www.beispielseite.de" style="filter: alpha(opacity=40); -moz-opacity: 0.40; -khtml-opacity: 0.40; opacity: 0.1">
<img src="beispielbild.png" border="0" width="48" height="48"/>
</a>
</body>
</html>1.) wie bekomme ich das inline? das obere funktioniert zu 100% wenn ich es in des tag direkt schreibe, aber was mache ich mit dem .klasse:hover ?
2.)
die puristen unter euch werden jetzt laut aufstöhnen, aber gibt es irgendwo eine übersicht über solche IE-only oder sonstwas-only geschichten, wo man die KDE und mac versionen auf einen überblick hat?
ich meine (ich stell mich jetzt mal extra blöd) man schaut auf selfhtml unter filter und selfhtml sagt das ist nur für IE. es "stimmt" aber nicht, es geht auch für KDE und OSX ... nur halt nicht offiziell, so dass man nirgends nachschauen kann was es so gibt, wie das heissen muss, bzw. was geht und was nicht.
oder doch?
Zuletzt bearbeitet von einem Moderator:
