hack de borda arredondada no IE não funciona

[Daniel web 0]

Boa tarde!

 

Estou querendo colocar a borda do meu input arredondada, mas não consegui no IE. Tentei um hack, mas não obtive sucesso.

 

css

.input-box {
background-image:-moz-linear-gradient(top, #2c2c2c, #262626);
font-family:Arial Narrow, Helvetica, sans-serif;
font-size:16px;
color:#424242;
text-shadow:1px 1px 1px #0d0d0d;
height:28px;
padding-left:5px;
border:2px solid #2c2c2c;
border-radius:7px;
behavior: url(../hacks/border-radius.htc);
}

 

html

<input class="input-box" style="width:220px; margin-bottom:10px" name="login" type="text" value="Login" onfocus="clearDefault(this);" onblur="clearDefault(this);">

[crf_h0m3r 5]

Tá usando CSS Pie né?

Rapaz, aqui tá dando certo. Acho que você tá fazendo algo errado, veja se errou em algo: clique aqui.

[Bruno Augusto 417]

Faça um teste no Firefox, e veja se através do Console de Erros (Ctrl + Shift +J) ou através da extensão Firebug (aba Rede), se o arquivo de behaviour está sendo localizado.

 

Se não estiver, o mesmo aparecerá na lista de itens requisitados, mas terá o status 404 (não encontrado), ficando escrito em vermelho.

 

Sendo assim, você ajusta o path e vai funcionar no IEca.

[Daniel web 0]

Amigo Bruno Augusto abri meu firebug e na aba redes não apareceu nada, o que faço? Provavelmente o erro não é no caminho pois coloquei o arquivo .htc na mesma pasta da folha de estilos css e não funcionou no IEca.

 

Obrigado

[Bruno Augusto 417]

Como assim não apareceu NADA? Mesmo se o painel estiver desabilitado, vai aparecer uma mensagem dizendo que o mesmo está desabilitado.

 

E mais.Você disse que colocou o arquivode behaviour na mesma pasta do CSS. Sendo assim, por que você está voltando um nível acima e indicando outro diretório?

[Daniel web 0]

Como assim não apareceu NADA? Mesmo se o painel estiver desabilitado, vai aparecer uma mensagem dizendo que o mesmo está desabilitado.

 

E mais.Você disse que colocou o arquivode behaviour na mesma pasta do CSS. Sendo assim, por que você está voltando um nível acima e indicando outro diretório?

 

Apareceu a mensagem dizendo que estava desabilitado, cliquei para ativas e aí não apareceu nada, nenhum dado da página. Procurei nas abas e mesmo assim não apareceu nada. Enquanto ao diretório, coloquei o arquivo .htc na mesma pasta do arquivo css e no caminho fiz assim: behavior: url(border-radius.htc);, mesmo assim não funcionou.

[Bruno Augusto 417]

Depois que você ativar o Painel, que é desabilitado por padrão pois alguns sites fazem ele sobrecarregar o navegador, você tem de recarregar a página.

 

Daí todas as requisições feitas, por você ou pelo código, vão aparecer.

[Daniel web 0]

Depois que você ativar o Painel, que é desabilitado por padrão pois alguns sites fazem ele sobrecarregar o navegador, você tem de recarregar a página.

 

Daí todas as requisições feitas, por você ou pelo código, vão aparecer.

 

Cliquei na aba "Tudo" e aparecem vários arquivos menos o arquivo .htc. O que será que está acontecendo?

 

Obrigado

[Henrique Barcelos 290]

Tenta isso aqui ó: http://jquery.malsup.com/corner/

[Bruno Augusto 417]

Cliquei na aba "Tudo" e aparecem vários arquivos menos o arquivo .htc. O que será que está acontecendo?

Posta exatamente a forma como está invocando o arquivo HTC no CSS, o path completo do arquivo CSS que está invocando E do HTC

[Daniel web 0]

Cliquei na aba "Tudo" e aparecem vários arquivos menos o arquivo .htc. O que será que está acontecendo?

Posta exatamente a forma como está invocando o arquivo HTC no CSS, o path completo do arquivo CSS que está invocando E do HTC

 

O arquivo .HTC está na mesma pasta do CSS: behavior: url(border-radius.htc); e o arquivo css está sendo chamado assim: css/style.css.

 

Tenho certeza que o problema não são os caminhos, pois já fiz de tudo.

 

Obrigado

[Bruno Augusto 417]

Olha, se você fez o que eu pedi e postou exatamente a linha que você está usando do CSS pode ser que seja a ausência de aspas em torno do nome do arquivo HTC.

 

Já tive problemas com isso ao usar uma imagem coma propriedade background. Sem as aspas, não funcionava. Coloquei-as, e funcionou. Poder ser esse o caso.

[Daniel web 0]

Olha, se você fez o que eu pedi e postou exatamente a linha que você está usando do CSS pode ser que seja a ausência de aspas em torno do nome do arquivo HTC.

 

Já tive problemas com isso ao usar uma imagem coma propriedade background. Sem as aspas, não funcionava. Coloquei-as, e funcionou. Poder ser esse o caso.

 

Tentei as aspas e nada novamente. "/

[Bruno Augusto 417]

Que versão do IEca você usa? Tive problemas com versão 9 também...

 

Outra coisa. No Firebug, o style.css foi listado no painel de Rede?

[Daniel web 0]

Que versão do IEca você usa? Tive problemas com versão 9 também...

 

Outra coisa. No Firebug, o style.css foi listado no painel de Rede?

 

O style.css não foi listado no painel rede, mas ele está funcionando, pois a página tem seu estilo. E estou usando a versão 8 do IEca.