Buenas,
Mi código CSS es el siguiente:
Cita: height: 40px;
width: 180px;
font-size: 16pt;
font-weight: bold;
margin-top: 20px;
margin-left: 35px;
background: #2f3030;
border: 2px solid #242424;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: -moz-linear-gradient(top, #2f3030 , #191919);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#2f3030), to(#191919));
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#2f3030', endColorstr='#191919');
cursor: pointer;
Si dejo el:
Cita: filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#2f3030', endColorstr='#191919');
Entonces los bordes redondeados desaparece y queda así:
Si comento esa parte del código, si que aparecen los bordes redondeados (pero obviamente, no tengo degradado):
¿En qué puedo estar equivocándome?
De paso aprovecho y a ver si alguien puede decirme, ¿estas propiedades son válidas para IE8 también? ¿Me dejo alguna para algún otro navegador?
Gracias!