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