Eu tenho esse problema com cantos arredondados CSS. O link para o exemplo está aqui: http://www.xplus.dnawrot.nazwa.pl/
Como você pode ver no topo da fundo azul escuro é um menu suspenso. O problema diz respeito ao estado de hover no first ul li list
(Unid: oferta, klienci, akademia) wchih tem filhos. Como você notará se você fizer o foco do mouse oferta
item ele exibir cantos arredondados corretamente, mas se você ir para baixo para second ul li
lista (suspensa - "rozwiazania branzowe", "produkty", etc) lado direito do canto redondo desaparece. E é lógico, porque há um estilo CSS para li
elemento e a
elemento, e se o mouse deixa um a
elemento o foco é removido. Alguém tem uma solução para esse problema?
Se a descrição não é clara, deixe-me saber e eu vou tentar explicar mais detalhada.
Saudações, Dave
Respostas:
1 para resposta № 1Talvez você possa tentar colocar "a" e "ul" em uma tag "span" e então usar css para controlar span: hover em vez de a: hover.
<li class="">
<span>
<a class="sf-with-ul" title="Klienci" href="http://www.xplus.dnawrot.nazwa.pl/pl/klienci">
<ul style="display: none; visibility: hidden;">
</span>
</li>
Eu não testei, mas você pode tentar.