Hallo,
ich habe eine Navigation für meine Seite erstellt und ich habe Probleme mit dem Internet Explorer 8, das Menü klappt nicht auf!
Ich weiß das es an der Transparenz liegt "filter: alpha(opacity=60)"
Weiß jemand eine Lösung?
CSS
[/FONT][/COLOR][COLOR=#3B3B3B]/** navigation **/[/COLOR]#navigation { float:left; width: 550px; margin:auto; height: 60px; font-family: 'Open+Sans', sans-serif; font-size:16px; text-align: center; padding-left:35px; }div#hmenu {height:25px; padding-top:0px;}div#hmenu ul { list-style:none; }div#hmenu li { line-height:16px; float: left; padding-left:0px; padding-right:0px; padding-bottom:11px; padding-top:11px; width: 130px; background-color: #fff; opacity: .6; filter: alpha(opacity=60); }div#hmenu li:hover { background-color: white; opacity: .9; filter: alpha(opacity=90); width: 130px; color: #000000;} div#hmenu li a{ text-decoration: none; font-size:16px; color: #000000; }div#hmenu li a:hover {color:#0f69ae; opacity: .5; filter: alpha(opacity=50);}div#hmenu li ul li{opacity: 1.00 !important; filter: alpha(opacity=100) !important; background-color: white !important; color:#000 !important; }div#hmenu li ul li a{color:#000 !important; }/*--definiert die "Drop-Down-Links" im Normalzustand--*/#hmenu ul li ul {padding-top: 11px;background-image:none;padding-left: 0px important;width: 130px;text-align: center;}#hmenu ul li ul li {width: 100%;background-color: #fafafa;padding-top: 5px;padding-bottom:5px;background-image:none;padding-left: 0px important;}#hmenu ul li ul li:hover {background-image:none;}#hmenu ul li ul li a {padding-left: 0px important;padding-top:5px;font-size:12px;font-weight: normal;color: #6e6e6e;background-image:none;}#sub li a{border: 2px solid #073982;border-top: 1px solid #fff;font-size:12px !important;padding:3px;padding-bottom:6px;line-height: 16px;background-color: #f5f5f5;margin-left:2px;}#sub li a:hover{background-image:url(images/hoverback.jpg);background-repeat:no-repeat;color: #fff;text-decoration:none;border-top: 1px solid #073982;}/*--definiert die "Drop-Down-Links" im Hoverzustand--*/#menu a:hover {color: #fff;} /**verhindert im Zusammenhang mit position absolute bei ul ul*eine Höhenvergrößerung von #menu beim Hovern--*/#hmenu li {position: relative;z-index:50 !important;}/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/#hmenu ul ul {position: absolute;z-index: 2;display: none;} #hmenu ul li ul li ul li{position: relativ;top:-35px; left:0px;z-index: 2;margin-left: 130px;width:150px;display: none;} #hmenu ul li ul li ul li:hover{width:150px;} /*--lässt die Dropdown-Links beim Hovern erscheinen--*/#hmenu ul li:hover ul {display: block;} #hmenu li li:hover li{display: block !important;} /*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/* html #hmenu ul li {float: left;width: 100%;}/*--nur für IE 7 erkennbar--*/*+ html #hmenu ul li {float: left;width: 100%;} /** Menü Punkt für die startseite verstecken **/li.item-109 {display:none;} [COLOR=#3B3B3B]/*--ENDE NAVIGATION--*/[/COLOR][COLOR=#000000][FONT=verdana]
[/FONT][/COLOR]