Jakub Sołowiej

Jakub Sołowiej Service Manager,
ITIL Expert

Temat: 2 kontenery z pos: absolute i problem z linkami

Witam,
Dzisiaj natknąłem się na rzecz, z którą nie spotkałem się do tej pory i nie potrafię sobie z nią poradzić. Może Wy mi coś podpowiecie?

Opis problemu:

Na samej górze dokumentu mam menu oparte na liście nienumerowanej. Elementy listy są ułożone horyzontalnie (display: inline) i zawierają zagnieżdżone kolejne listy symulujące podmenu. Podmenu ma nadany styl position: absolute. Wszystko działa tak jak powinno, tutaj problemu nie ma.

Zaraz pod menu jest zrobiony "star rating" czyli system ocen bazujący na gwiazdkach. System ten (czysty CSS) również oparty jest na liście nienumerowanej, której elementy mają ustawiony styl position:absolute. Sam system działa bez zarzutu.

Problem się pojawia gdy podmenu nachodzi na system ocen. Wizualnie nie ma problemu, gdyż dzięki opcji z-index menu zakrywa gwiazdki ale odnośniki z podmenu nie przykrywają linków z systemu ocen. Dokładniej: gdy przy poruszaniu się myszką w dół po linkach podmenu najedziemy na gwiazdkę oceny (pod submenu), to focus ustawia się na gwiazdce powodując, że podmenu znika.

Czy można jakoś sprawić, by podmenu nigdy nie traciło focusa, bez względu na to, co jest pod spodem?

Pozdrawiam
Kuba

konto usunięte

Temat: 2 kontenery z pos: absolute i problem z linkami

Pierwsza zasada dobrego weterynarza:

"Szanse rozwiązania problemu drastycznie wzrosną, gdy wraz z opisem (nawet zamiast niego) problemu dostarczysz też kod (najlepiej link do strony lub demo)"

W tej chwili, mogąc się tylko domyślać co się dzieje:

<ul id="menu">
[...]
</ul>
<div id="star_rating">
</div>

- pomiędzy czym a czym regulujesz z-indexy?
- czy #star_rating jest pozycjonowany statycznie? Jeśli tak - jest niżej w domie i bedzie "ponad"
- upewnij się, że i #star_rating i #menu zą pozycjonowany nie-statycznie (np relatve) i #menu ma wyższy z-index (żeby nie szaleć to #menu {z-index: 2;} #star_rating {z-index: 1;}
Jakub Sołowiej

Jakub Sołowiej Service Manager,
ITIL Expert

Temat: 2 kontenery z pos: absolute i problem z linkami

Cześć Rafał,
Oczywiście, powinienem był wkleić wersję demo. Nie zrobię tego teraz, bo miałem bajzel z z-indexami.
Dziękuję za zwrócenie uwagi na to.

Pozdrawiam, miłego dnia
K

konto usunięte

Temat: 2 kontenery z pos: absolute i problem z linkami

Rozumiem, ze problem rozwiązany?

Bez prezentacji kodu mozna strzelac co było, np. overflow:hidden ;)

Następna dyskusja:

Float right i problem pod IE7




Wyślij zaproszenie do