Browser Weiche: Hover für Internet Explorer 8, Fehler wegen opacity / transparents.

[Gutschy]

Hallo Leute,

ich verwende gerade eine transparente Tabelle für eine Linkliste mit Hover Effekt. Die läuft im FF sowie Opera, wahrscheinlich sogar im IE7. Nur gibt es keine Hover Effekt für den IE8.

Leider überfordern mich gerade Browserweichen, der Kopf ist so leer.

Wisst ihr wie ich diese kleine CSS Anweisung umschreiben muss?

table.main {
    #filter:    alpha(opacity=90);
    #opacity:   0.9;
    #-khtml-opacity: 0.9;
    background-color: #669933;
    border: 0px;
    padding: 2px 0 2px 0;
    z-index: 200;
    position: relative;
    top: -1px;
    left: 220px;
    font-family: Arial;
    border-spacing: 0px;
}

[hero-master]

Hi
was machen denn die Rauten vor den Eigenschaften?
Versuch es mal mit dem Filter, der auch von MS ausgegebn wurde:

-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=90)”;

[Gutschy]

Hi Nico,

hoffe mal ich habe dich richt Verstanden.

#table_test {
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=70)”;
	background-color: #669933;
	border: 0px;
	padding: 2px 0 2px 0;
	z-index: 200;
	position: relative;
	top: -1px;
	left: 220px;
	font-family: Arial;
	border-spacing: 0px;
	}

Das führte zu keiner Transparenz. Auch nicht wenn ich diese stärker eingestellt habe.

#table_test {
        filter:   alpha(opacity=90);
        opacity:    0.9;
        -khtml-opacity:   0.9;
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=90)”;
	background-color: #669933;
	border: 0px;
	padding: 2px 0 2px 0;
	z-index: 200;
	position: relative;
	top: -1px;
	left: 220px;
	font-family: Arial;
	border-spacing: 0px;
	}

Das brachte auch nichts, leider funktioniert auch nicht der Browser Hack.

#table_test {
	 filter:   alpha(opacity=90);
         opacity:    0.9;
        -khtml-opacity:   0.9;
	-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=90)”;
	background-color: #669933;
	border: 0px;
	padding: 2px 0 2px 0;
	z-index: 200;
	position: relative;
	top: -1px;
	left: 220px;
	font-family: Arial;
	border-spacing: 0px;
	}
	
*:first-child+html #table_test {
	background-color: #669933;
	border: 0px;
	padding: 2px 0 2px 0;
	z-index: 200;
	position: relative;
	top: -1px;
	left: 220px;
	font-family: Arial;
	border-spacing: 0px;
    }

Vielleicht noch einen Vorschlag?

Gruss,

Michael

[hero-master]

Okay, das -ms gehört da nicht hin, im Endeffekt dann also so:

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70)

Quelle: http://msdn.microsoft.com/en-us/libr...=vs.85%29.aspx

[Gutschy]

Na ja, der Hover Effekt geht jetzt beim IE8, was vorher nicht der Fall war. Allerdings ohne jedes bisschen Transparens, die ist aber bei den anderen Browsern geblieben.

Etwas womit ich leben kann.

table.main {
	filter:   alpha(opacity=90);
    opacity:    0.9;
    -khtml-opacity:   0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	background-color: #669933;
	border: 0px;
	padding: 4px 4px 2px 4px;
	z-index: 200;
	position: relative;
	top: -1px;
	left: 220px;
	font-family: Arial;
	border-spacing: 0px;
	}