Ir para conteúdo

POWERED BY:

Arquivado

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

lores

[Resolvido] bordas css

Por , em Desenvolvimento frontend

Recommended Posts

lores    0

lores
Postado

e ai galera, bom?

To fazendo um site aqui e precisava de uma borda com dashed (tipo um pontilhado), funciona no Firefox, no Chrome e no IE9 perfeitamente, só que nos outros IEs não pega nem com reza. Eu sei que ela não funciona nos outros Ies pq estou usando um JS para fazer as bordas ficarem arredondadas. Até ai tudo bem. Tive uma ideia de tirar o dashed quando a pessoa usar o Ie 8 pra traz, assim as pessoas que usam Ie9 e os demais navegadores podem ver o site bonitinho. hehehehe

Só que não consigo nenhum hacker para o IE8, e nenhum para o IE9, eu preciso de um dos dois na verdade, qualquer um serve.

Não posso usar dois css para fazer isso, pq outras pessoas vão mexer no css e vai dar muito trabalho alterar depois!

=D

Se alguém puder ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos Xavier    189

Marcos Xavier
Postado

Não precisa criar outra folha de estilos. Apenas acrescente os "comentarios" entre as tags <head>.

Por exemplo:

<head>

<!--[if lte IE 8]>
Internet Explorer versão menor ou igual a 5.5;
<![endif]-->

Mas o testei no IE8 e as bordas pontilhadas (dashed) funcionam normalmente.

 

<body>
<div style="border:1px #111 dashed;">
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

mcarneiro    0

mcarneiro
Postado

Não é mais fácil você fazer o gracefull degradation do canto arredondado ao invés do dashed da borda?

 

De qualquer forma, seguem os hacks para os IEs:

 

ie6: elm { _border: 1px solid red; } (underline antes da propriedade)

ie7: elm { #border: 1px solid red; } (hash antes da propriedade)

ie8: elm { border: 1px solid red \0/IE8; } (asteristo antes da propriedade)

ie9: :root elm{ border: 1px solid red \0/IE9; }

 

teste em:

http://jsfiddle.net/Mb8mH/6/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito