Ir para conteúdo

POWERED BY:

Arquivado

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

Igor Pereira

border-radius e box-shadow no ie nao funciona nem com reza.

Recommended Posts

To apanhando para fazer funcionar o css3 nos navegadores IE

estou testando no IE9. (todos os demais navegadores estao ok)

o codigo css inicialmente está na pg index.html e o arquivo ie-css3.htc está no mesmo diretorio.

.box {
width: 220px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
padding: 4px;
border: 0;
color: #000;
-moz-box-shadow: 0 0 6px 2px #0D7897;
-webkit-box-shadow:0 0 6px 2px #0D7897;
box-shadow: 0 0 6px 2px #0D7897; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px 4px 4px 4px;
margin-bottom:5px;
margin-left:15px;
behavior: url('ie-css3.htc');

}

HTML

<input name="nome" type="text" class="box" value="" size="35" maxlength="35" />

Compartilhar este post


Link para o post
Compartilhar em outros sites

Rapaz talvez tu fique P*#& cmg, mas a melhor resposta é deixe o IE pra lá, nem o twitter se preocupa com isso. A tendência é cada vez mais os desenvolvedores deixarem como está. O I.E não quer pegar deixa quadrado msm.

 

Mas por via das dúvidas tente.

 

<!DOCTYPE html>

 

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<!-- faz o ie usar o novo motor de renderizacao -->

 

e use o script modernizr pra criar os elementos do html.

 

se nada disso der certo, ponha o script pedindo pra pessoa mudar de browser.

Se o IE nao pega, vamos pra outro que funcione!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Entendo o seu posicionamento, o f*** é que o publico alvo ainda é leigo para essas coisas. usa o q tiver instalado no OS e pronto!pedir para usar outro navegador é pedir de mais para eles, se é q me entende.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara você poderia postar aqui aonde você quer usar sombra e cantos arredondados, por que depende a forma eu tenha a solução, não é a melhor, mas foi a mais rápida e certa que eu arrumei!!

A minha alternativa foi fazer os cantos arredondados e sombra em imagem, e se aonde a sombra estiver e o lugar mudar de cor, da para colocar em PNG mas o IE 6 embaça com a extensão PNG.

 

/* yourImage.png = His image with shadow and rounded corners */

.yourClass {
  background: url("image/yourImage.png") no-repeat scroll 0 0 transparent;
  /* your css */
}

<div class="yourClass">

  <!-- your div where you have the image with shadows and rounded corners -->
  <span>content</span>

</div>

 

Cara espero ter ajudado, mas mesmo assim, se tiver como você posta aonde você que colocar talvez eu consiga explicar melhor.

Mais uma vez, espero ter ajudado... Fique com Deus flw's

 

--------------------------

teteusix6@hotmail.com

@teteusix

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.