Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Problem z podświetlaniem zagnieżdżonego menu po najechaniu myszką
kuna15
post
Post #1





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 6.01.2015

Ostrzeżenie: (0%)
-----


na testowej domenie stylkobiety.pl po lewej stronie jest menu, które po najechaniu myszką podświetla się na żółto, realizuje to kod css:

  1. ul.product-categories li.cat-item:hover{
  2. background: yellow;
  3. }


Menu jest zagnieżdżone i jak kliknie się na kategorie główną, pojawiają się podkategorie, które już niestety są podświetlone nieprawidłowo (widać efekt ramki).
Jak uzyskać taki efekt, aby podkategorie podświetlały się tak samo jak kategorie główne ?
Czy da się uzyskać taki efekt za pomocą samego csa , czy trzeba kombinować coś z JS (niestety nie znam dobrze JS) ?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
koodo218
post
Post #2





Grupa: Zarejestrowani
Postów: 114
Pomógł: 25
Dołączył: 22.11.2015

Ostrzeżenie: (0%)
-----


  1. ul.product-categories li.cat-item.current-cat:hover {background-color: #f4c700; }

  • Ten kod wyłącza podświetlanie dla aktywnej kategorii (brak efektu ramki, brak podświetlenia głównej kategorii).
  • Drugim wyjściem jest ładowanie podkategorii za elementem aktywnym li (nie wewnątrz).

Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 13.10.2025 - 14:40