Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

F Lima

[Resolvido] Cantos arredondados não funciona no Mozilla

Recommended Posts

Boa noite pessoal,

 

Estou com um problema danado e não sei onde estou errando.

 

Isso está acontecendo com todas as bordas ... não funciona nada no meu firefox. No safari está funcionando perfeitamente!

 

Segue os cods.

 

div do menu em html

<div id="menu">
    <ul>
       <li><a href="index.html" class="current">Página Inicial</a></li>
       <li><a href="nosso-trabalho.html">O que fazemos?</a></li>
       <li><a href="contato.html">Contato</a></li>
    </ul>
</div>

 

css desta div

#menu ul {
margin: 0 auto;
width:1024px;
background:#fff;
list-style:none;
}

#menu ul li {
display:inline;
}

#menu ul li a {
padding:10px 25px;
margin:30px 25px 0 0;
float:left;
/* visual do link */
background:#C60919;
color: #fff;
text-decoration: none;
font-size:15px;
border-raidus:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}

#menu ul li a:hover {
background:#fff;
color: #000;
box-shadow:inset 0 0 6px #000000;
-moz-box-shadow:inset 0 0 6px #000000;
-webkit-box-radius:inset 0 0 6px #000000;
-khtml-box-radius:inset 0 0 6px #000000;
}

#menu ul li a.current {
background:#cb1a1a;
color: #fff;
box-shadow:inset 0 0 6px #000000;
-moz-box-shadow:inset 0 0 6px #000000;
-webkit-box-radius:inset 0 0 6px #000000;
-khtml-box-radius:inset 0 0 6px #000000;
}

 

Este é somente um exemplo ... pois esta acontecendo com os inputs dos forms e etc...

 

De-me uma luz!

 

Abços

 

Ninguém?

Compartilhar este post


Link para o post
Compartilhar em outros sites

tenta colocar somente 'border-radius: ...'

 

em vez de deixar:

 

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

-khtml-border-radius: 4px;

 

tira isso tudo e poe só:

 

border-radius: 4px;

 

Isso vale também pro box-shadow. tire qualquer webkit, moz, ou khtml da frente.

 

Até agora isso eu sei que funciona no border-radius e no box-shadow, mas se for um transition por exemplo ai tem que por o webkit, moz, etc..

 

Bom sorte amigo..

Compartilhar este post


Link para o post
Compartilhar em outros sites

tenta colocar somente 'border-radius: ...'

 

em vez de deixar:

 

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

-khtml-border-radius: 4px;

 

tira isso tudo e poe só:

 

border-radius: 4px;

 

Isso vale também pro box-shadow. tire qualquer webkit, moz, ou khtml da frente.

 

Até agora isso eu sei que funciona no border-radius e no box-shadow, mas se for um transition por exemplo ai tem que por o webkit, moz, etc..

 

Bom sorte amigo..

 

Oi Dian Carlos,

 

Muito obrigado mesmo ... fiz o teste aqui localmente e foi tudo 100%

 

Vlw mesmo.

 

Gde abço

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.