 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> |
 |
 
|
dawidmos ul, inline-block i border-image - zmienia kolor przy hover 27.01.2015, 11:43:35 
trueblue Kolor czego?
Może zamiast border-image zainteresu... 27.01.2015, 11:57:55 dawidmos Zmienia się kolor tła <ul>. Testowałem to ro... 28.01.2015, 14:01:08 trueblue Miałeś pewnie na myśli <li>, nie <ul>,... 28.01.2015, 14:17:05 
dawidmos Problem "rozwiązany".
Przeglądarka czys... 14.03.2015, 21:59:49   |
|
Aktualny czas: 20.08.2025 - 04:43 |
