Eu estou trabalhando em um menu para um tema WordPress. Eu estou tentando estilizar o menu de tal forma que, em foco, itens de menu que não têm um submenu olhar de uma maneira e itens de menu que têm um submenu olhar de uma maneira diferente. Eu tenho o seguinte jQuery
$(document).ready(function(){
$(".menu li").has("ul").addClass("submenu");
});
E eu estilizei isso no meu arquivo CSS. Os itens do menu principal no hover obtêm 4 bordas arredondadas e os itens do menu principal no hover que possuem um submenu obtêm apenas as bordas arredondadas superiores. Isso funciona muito bem no Firefox, Chrome e Safari, mas não no IE9. Alguém tem alguma idéia de como obter essa função jQuery para ser aceito pelo IE9? O tema WordPress em andamento está em Tema WordPress
Respostas:
0 para resposta № 1border-top-left-radius: 10px 10px 0 0;
Essa é a linha ofensiva. Você só quer border-radius
, desde que é o que você coloca para o -moz-
, -webkit-
e outros prefixos.