 ul, inline-block i border-image - zmienia kolor przy hover |
  |
| ul, inline-block i border-image - zmienia kolor przy hover |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 27.01.2015 Ostrzeżenie: (0%) 
 |
Witam,
Mam problem z wyświetleniem menu w jednej linijce. Po najechaniu kilka razy kursorem pole zmienia kolory na inne niż zawarte w kodzie. Problem występuje tylko w przypadku użycia display jako "inline-block" i Internet Explorer. Proszę o pomoc, od 2 dni się męczę z tym tematem. Obrazek z border-image: http://imgur.com/xXSI9Ft Kod <html> <head> <style> .nav-menu { display:inline-block; background-color:gray; list-style:none; } .menu1 { display:inline-block; } .menu1 a { background-color:red; display:inline-block; border: 10px solid transparent; border-image: url("http://i.imgur.com/xXSI9Ft.png") 33 33 round; } .menu1 a:hover { display:inline-block; border: 10px solid transparent; border-image: url("http://i.imgur.com/xXSI9Ft.png") 33 33 round; background-color:pink; } .menu2 { display:inline-block; } .menu2 a { background-color:blue; display:inline-block; border: 10px solid transparent; border-image: url("http://i.imgur.com/xXSI9Ft.png") 33 33 round; } .menu2 a:hover { display:inline-block; border: 10px solid transparent; border-image: url("http://i.imgur.com/xXSI9Ft.png") 33 33 round; background-color:yellow; } </style> </head> <ul class="nav-menu"> <li class=menu1><a href="">test1</a></li> <li class=menu2><a href="">test2</a></li> <li class=menu1><a href="">test3</a></li> <li class=menu2><a href="">test4</a></li> </ul> </html> |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
Kolor czego?
Może zamiast border-image zainteresuje Cię takie rozwiązanie: http://css-tricks.com/snippets/css/stitched-look/ -------------------- |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 27.01.2015 Ostrzeżenie: (0%)
|
Zmienia się kolor tła <ul>. Testowałem to rozwiązanie, ale zbyt bardzo odstaje od projektu.
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
Miałeś pewnie na myśli <li>, nie <ul>, bo dla nich deklarujesz inne kolory na :hover.
Nie udało mi się zreplikować problemu, dla innych wrzucam kod tu: http://jsfiddle.net/4y5ofupw/ -------------------- |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 27.01.2015 Ostrzeżenie: (0%)
|
Problem "rozwiązany".
Przeglądarka czyszczona, bez dodatków. System czyszczony. Nie pomogło. Dopiero ponowna okresowa instalacja zlikwidowała problem. |
|
|
|
|
|
Aktualny czas: 19.08.2025 - 06:54 |
