Ergebnis 1 bis 2 von 2

Thema: IE 8, Menü klappt wegen Transparenz nicht auf

  1. #1
    HTML Newbie
    Registriert seit
    10.06.2014
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard IE 8, Menü klappt wegen Transparenz nicht auf

    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?

    Code:
    /** navigation **/
    #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;}
     /*--ENDE NAVIGATION--*/

    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: IE 8, Menü klappt wegen Transparenz nicht auf

    Crossposting --> http://xhtmlforum.de/71038-ie-8-men-...ansparenz.html

    Bitte beachte die Forenregeln!

Ähnliche Themen

  1. fragen wegen menü navigatiun
    Von eno im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 26.07.2013, 08:50
  2. INSERT klappt nicht / utf8 nicht übernommen
    Von craven-city im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 06.11.2008, 15:33
  3. Antworten: 9
    Letzter Beitrag: 15.10.2008, 15:20
  4. frames gehen sie nun mit transparenz oder nicht
    Von holzapfel im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 12.07.2007, 12:27

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •