Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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" />
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.
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
Seria em um formulario de contato, nos inputs e text areas, aproveitei o mesmo codigo para fazer um hover sobre imagens....
>
Tenta usa .htc
veja nesse site explicando
se reparar no meu codigo é o q to tentando usar... poderia testar ae ?
Posta um endereço ai então.
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!