2012-09-12 11 views
5

Mam problem z menu nawigacyjnym, dla którego zastosowałem plik pie.js (biblioteka, która pozwala mieć css3 na ie6-8 przeglądarkach). Działa dobrze na pierwszy rzut oka, ale jeśli będziemy grać trochę z menu, nieprawidłowe zachowanie wzrośnie :(Aby otrzymać to dziwne zachowanie, musisz przesunąć kursor nieco szybciej w prawo i lewo nad menu rozwijanym na IE8. funkcja przez I nazywają bibliotekę js.Menu nawigacyjne - tło na zawisie zachowuje się dziwnie

$(document).ready(function(){ 
    if (window.PIE) { 
     $('.aahov,ul#menu,ul#menu li ul').each(function(){ 
      PIE.attach(this); 
     }); 
    } 

});

Sprawdź ten przykład: http://mainpage.ueuo.com

... i nie zapomnij, tylko w przeglądarkach IE8 ...

Thank jest.

+0

Czy możesz dodać odpowiedni kod HTML i kod skryptu do swojego posta, co to jest "PIE"? Nie będzie to miało większego sensu dla żadnego przyszłego użytkownika, który będzie szukał podobnego rozwiązania podobnego problemu, który wiąże się z połączeniem z linkiem, a strona z nim powiązana nie istnieje lub uległa zmianie. Jeśli to możliwe, dodaj także skrzypiec na jsfiddle.net, aby umożliwić innym wprowadzanie zmian w celu przetestowania możliwych rozwiązań. – Nope

+0

@ FrançoisWahl masz cały kod w przykładzie, czy zapisujesz stronę jako html, będziesz miał wszystkie pliki htlm, css i js ... PIE.js to biblioteka js, która pozwala ci mieć css3 w ie6-8 przeglądarkach, Przeczytaj opis. – mcmwhfy

+1

Tylko po to, aby powtórzyć: "To nie ma większego sensu dla żadnego przyszłego użytkownika, który prawdopodobnie szuka rozwiązania podobnego do podobnego problemu, z powodu którego łącza-zgnilizna w" Zasadniczo, gdy twój link jest martwy lub witryna zmieniła pytanie, nie ma wyczuj więcej. Z tego powodu odpowiednie css, script i/lub html powinny zawsze być zawarte w stosownych przypadkach. – Nope

Odpowiedz

2

Twoje scenariusze wyglądają dobrze, wygląda na to, że to coś w stylu. Nie jestem pewien, co tam masz, ale być może uda ci się go użyć, aby użyć overflow:hidden, a przynajmniej to może być miejsce do rozpoczęcia.

+0

i gdzie muszę dodać, że przepełnienie: ukryte; ? – mcmwhfy

3

To może być IE8, dodając dodatkowe obicie.

Zauważyłem z twojego css, że nie używasz resetowania css, który może pomóc wyeliminować różnice oparte na przeglądarce.

Można rzucić okiem na http://meyerweb.com/eric/tools/css/reset/ lub coś podobnego.

także IE8 nie obsługuje last-child

ul # menu li ul li: last-child {border-bottom: none; }

To również wpłynie na wygląd pozycji menu.

Również z uwagi na użyteczność, dobrym zwyczajem jest poinformowanie użytkownika, że ​​link menu jest rozwijany. Ewentualnie dodaj strzałkę w dół po prawej stronie linku.

Powiązane problemy