Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Daí galera, beleza?
Estou usando um efeito em CSS3 para fazer um gradiente e deixar os cantos arredondados...
O problema é que no IE9 não funciona...
A borda até fica arredondada, mas o background fica quadrado...
Segue o código:
#contador{
width:210px;
height:45px;
padding:10px;
text-align:center;
font-size:15px;
line-height:22px;
background: #b0dcfb; / Old browsers /
background: -moz-linear-gradient(top, #b0dcfb 0%, #85c9f7 100%); / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0dcfb), color-stop(100%,#85c9f7)); / Chrome,Safari4+ /
background: -webkit-linear-gradient(top, #b0dcfb 0%,#85c9f7 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, #b0dcfb 0%,#85c9f7 100%); / Opera 11.10+ /
background: -ms-linear-gradient(top, #b0dcfb 0%,#85c9f7 100%); / IE10+ /
background: linear-gradient(top, #b0dcfb 0%,#85c9f7 100%); / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0dcfb', endColorstr='#85c9f7',GradientType=0 ); / IE6-9 /
border:1px solid #96d2fc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior:url(border-radius.htc);
box-shadow:3px 3px 5px #d5d5d5;
-moz-box-shadow:3px 3px 5px #d5d5d5;
-webkit-box-shadow:3px 3px 5px, #d5d5d5;
}
Tentei usar aquele behavior, mas sem sucesso..
Alguém sabe o que pode ser?
Carregando comentários...