Problema com CSS3 X IE

Assuntos Gerais
#1

Olá Galera,

Estou enfrentando o seguinte problema, ao inseri um script do CSS3 na minha pagina JSP, no navegador Firefox e Chrome funcionou perfeitamente mas par o IE 7 e 8 não funcionou, já coloquei o script no caminho certo como o pessoal comentou, mas não teve geito. Será que alguém tem alguma idéia?.

Abaixo os exemplos do código:

[code]input{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
padding: 4px;
border: 0;
color: #0000CD;
-moz-box-shadow: 0 0 3px 1px #4F94CD inset;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 3px 1px #4F94CD inset;
-webkit-border-radius: 5px;
box-shadow: 0 0 3px 1px #4F94CD inset;
border-radius: 5px;
behavior: url(css/ie-css3.htc);
behavior: url(ie-css3.htc);
behavior: url(ie-css3.htc);

}[/code]

#2

Jhoni_Bravo, infelizmente isso não tem como ser feito… Somente o IE 9 tem suporte ao CSS3 (e são só algumas coisas…).

Box shadow e border corner não vão funcionar de maneira alguma…

#3

Caracas Rafael,

 Ai vc me desanimou :(, mas valeu pela informação.
#4

É por isso e por outros problemas piores (como posicionamento dos elementos) que muitas pessoas passam bloquear os IEs antigos…

O meu site mesmo, só deixa IE8 +…

#5

Tchê… vi que tu estás arrendondando cantos com CSS3…

->>Só uma dica!

Para ter esse efeito funcionando no IE, experimenta jQuery Corner. http://jquery.malsup.com/corner/ 8)

Com certeza vai rolar… 8)

#6

O jQuery Corner não funciona nos IEs abaixo de 8… Ele só coloca o comando que funciona no Mozzila (-moz) e o que funciona nos Webkit (-webkit)

#7

Rafael Guerreiro,

Como um bom desenvolvedor, faça testes antes expor seu conceito… você está enganado, pois jQuery Corner funciona no IE7.
Não vou falar se roda no IE6 porque não testei. ie6funeral.com 8)

Desenvolvi o site (que dei print e está em anexo) a um tempinho atrás. Dê uma olhada, jQuery Corner funciona no IE7.

Abraço a todos!

2011/7/11/11f9895cbfb8f2ee104b4c9c47dc659b_113804.jpg_1181×574 91.3 KB

#8

Galera,

Testei o Jquery é ele funcionou bacana para fazer os cantos arredondados, o que me entrigou foi esse site http://fetchak.com/ie-css3/ que os caras tem um script que faria funcinar no internet 6/7/8 algumas das funções do CSS3. Realizei os passos como assim informaram mas realmente não tem geito. Mas quem sabe a Microsoft faça uma atualização para aceitar os efeitos do CSS3 né.

Mas valeu pessoal.

#9

Try IE9! http://msdn.microsoft.com/en-us/ie/ff468705 :lol:

Abraço Jhoni_Bravo, legal ter ajudado. :wink:

#10

Abdala,

Me fala uma coisa existe algo pareciso no Jquery que faça um efeito de sombreamento nas bordas para input, option entre outros? Gostaria de algo parecido como esse do CSS3

#11

Se fala de efeito gradiente…
Existe sim Jhoni_Bravo!

Mas não entendi muito bem o que queres… ("bordas para input, option entre outros") <-- :?

Segue um exemplo de gradiente…

$('#iD_do_elemento_que_quer_aplicar_gradiente').gradient({
      from:      'ffffff',
      to:        '000000',
      direction: 'vertical';
});

Um Exemplo
http://jaydson.org/code/jquery/plugins/gradient/index.html

Download do Plugin Gradient
http://jaydson.org/code/jquery/plugins/gradient/gradient.rar

Abraço!

#12

É Interessante este Gradiente tb,

Mas da uma olhada nesse blog http://blog.hboaventura.com/css3-propriedade-box-shadow/ aonde eles dão uns exemplos de sombreamento em componentes e textos.
É algo assim que preciso

valeu

#13

Bah tchê…

neste caso devemos consultar o ORÁCULO

porque não pesquisei sobre…

#14

Hihihi,

Mas blz, pensei que conhecia algo parecido. Mas vou pesquisar

Valeu Abdala

#15