mmofacts.com

Opacity CSS

gepostet vor 17 Jahre von esport-com

function ShowAndHide (id) {
if (document.getElementById(id).style.display != "block")
document.getElementById(id).style.display = "block";
else
document.getElementById(id).style.display = "none";
}
teeeessst
bla

ich hab das jetzt nur mal als test
im ff kein problem aber im ie geht es iwie nich´t
jemand ne idee wieso?
gepostet vor 17 Jahre von raufaser


Test
body {
background-color:#FF0;
padding:1em;
}
.opac {
padding:1em;
background-color:#F00;
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5;
filter:Alpha(opacity=50);
display:inline-block;
}
.opac2 {
padding:1em;
background-color:#00F;
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5;
filter:Alpha(opacity=50);
display:inline-block;
}

Testlayer 1

Testlayer 2



Hier mal ein funktionierendes Beispiel.
Der Trick ist: display:inline-block;
Sonst rafft der IE seinen Filter nicht...
Und ich hab dir gleich auch noch die CSS Eigenschaften für ältere MOZ Browser und Konquerer dazugepackt.
Gruß,
Marc
PS: das "inline-block" kannst du natürlich auch über IE Hack einbinden, das wäre:
* html .opac2 {
display:inline-block;
}
PPS: Habs im IE 6 gestestet und im FF.
gepostet vor 17 Jahre von knalli
Hm, interessante Sache, hab mich da grade selber mal schlau gemacht. Das ganze hat mit "hasLayout" zu tun (IE only). Statt ""display: inline-block;" kann man auch beispielsweise zoom: 1 verwenden, um hasLayout zu aktivieren.
www.satzansatz.de/cssd/onhavinglayout.html
Da das ganze eh in einer sauberen Struktur über CC eingebunden würde, ist das ja "fast quasi" valide..
gepostet vor 17 Jahre von raufaser
Naja, das würde zumindest erklären, warum der Filter auf Bildern auch ohne inline-block funktioniert und auf div Elementen nicht.
Aber ganz ehrlich? Das ist doch alles schon wieder ziemlich unlogische und unsaubere IE Kacke ...
gepostet vor 17 Jahre von esport-com
danke
habe jetzt die methode mit zoom genommen und hat wunderbar funktioniert
drecks ie
gepostet vor 17 Jahre von knalli
Original von raufaser
Naja, das würde zumindest erklären, warum der Filter auf Bildern auch ohne inline-block funktioniert und auf div Elementen nicht.
Aber ganz ehrlich? Das ist doch alles schon wieder ziemlich unlogische und unsaubere IE Kacke ...

Ja, wenn das allerdings wirklich so auch immer funktioniert, ist das immernoch okay.
Viel schlimmer finde ich Browsereigenarten, die völlig aus dem Unerklärlichen kommen und nicht nachvollziehbar sind.

Auf diese Diskussion antworten