Entiendo que hay funciones de CSS, como gradient
que no son soportadas en algunos de los navegadores más antiguos. Me he encontrado con este ejemplo:
#grad {
background: red; /* Para navegadores que no soportan Gradient */
background: -webkit-linear-gradient(red, yellow); /* Para Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, yellow); /* Para Opera 11.1 - 12.0 */
background: -moz-linear-gradient(red, yellow); /* Para Firefox 3.6 - 15 */
background: linear-gradient(red, yellow); /* Sintaxis standard */
}
Si lo entiendo bien: background: linear-gradient(red, yellow);
no funcionaría en ninguno de esos navegadores para los que se ha especificado una declaración con etiqueta de su propio navegador. ¿Eso es verdad? Otra pregunta: si escribo lo siguiente:
background-color: blue;
-moz-background-color: red;
El resultado será que ¿en Mozilla el fondo será rojo y en los demás azul? Y una ultima pregunta: cuando escribís CSS ¿cómo sabéis cuando es imprescindible utilizar etiquetas propias de cada navegador ó cuando basta escribir una sola declaración?