2011-09-22 18 views
9

He estado utilizando los estilos css -moz y -webkit desde hace un tiempo para cosas como sombra de caja, sombra de texto, etc. Y últimamente he notado que cada FireFox, Chrome, Safari e IE() producen todos mismos resultados con el estándar box-shadow y text-shadow y estilos de CSS similares.-moz y -webkit ¿css ya no es necesario?

Me preguntaba si esto está documentado en cualquier lugar. Debido a que eliminé con éxito todos los sitios específicos del navegador de un sitio y todavía se ve igual en los cuatro de esos navegadores.

Respuesta

5

Supongo que depende de la versión de los navegadores a los que apunta.

Parece que, si su aplicación o sitio solo funciona con las últimas versiones de todos los navegadores, puede omitir el -moz y -webkit en las propiedades específicas que ha probado .

Existen otras propiedades que no son compatibles con todos los navegadores, p. mi favorito personal webkit-transition. Por supuesto, en la realidad actual, es poco probable que pueda salirse con la suya solo con los navegadores más recientes a menos que esté haciendo un proyecto personal.

+0

Bueno. Supongo que esto podría debatirse hasta que todos tengamos cara de azul, pero IE9 no es la única gente 'ugprade' que la gente tiene que hacer. La gente en general debería tratar de mantener sus navegadores actualizados siempre que sea posible, así que no creo que sea una mala idea usar una herramienta como 'modernizr' para buscar este tipo de cosas incluso en Firefox y Chrome, y alertas el usuario que está usando una versión anterior. – Ciel

+0

Pero sí, entiendo lo que quieres decir. – Ciel

1

Puede ser útil guardarlos para navegadores antiguos que no tienen los estándares, pero que tienen los estilos -moz y -webkit css.

0

lo mejor que puede hacer es mantener a todos allí,

ejemplo:

-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 

dependiendo de la versión del navegador del usuario, todavía verán la frontera de radio, navegadores antiguos seguirá siendo use la versión -moz y -webkit, las últimas versiones de safari/firefox o chrome usarán la implementación final de la propiedad border-radius.

+0

Sin embargo, esa no era la pregunta. El 75% de tu código puede ser redundante. No muy eficiente ... – Richard

+0

redundante en cualquier versión de navegador que inicie la que dejó de usar estas banderas. cualquier persona sin un chrome/safari actualizado tendrá problemas si los elimina. Fue solo un consejo para la persona que hace preguntas, él puede decidir por sí mismo si los usuarios de su sitio usan los últimos navegadores o no. De hecho, es una respuesta, cuando pregunto si ya no se necesitan, le di la respuesta de que todavía algunos usuarios tienen una versión anterior y pueden necesitar las banderas. ¡De hecho, todavía son útiles para algunas personas! 75% de mi código, es una gran exageración, no todo mi código es CSS específico de webkit/moz. – Sander

8

Los últimos navegadores son compatibles con estas propiedades css3 de forma predeterminada. Sin embargo, estas ofertas especiales de moz ywebkit se deben seguir usando para compatibilidad con navegadores antiguos. Los navegadores antiguos implementaron estos para permitir el uso de estas propiedades antes de que se convirtieran en estándar.

1

Para las últimas versiones de Firefox, Chrome y Safari eso es cierto.

Sin embargo, para las personas que utilizan versiones anteriores de los navegadores (Firefox 3.6, por ejemplo), deberá dejar los prefijos -moz y -webkit.
Si desea orientarlos, no debe eliminarlos.
Sin embargo, estas propiedades son una mejora progresiva, por lo que su eliminación no sería perjudicial.

2

Si no desea escribir mucho y aún desea la compatibilidad con versiones anteriores: less.css podría ser su amigo.

Otra cosa: w3schools.com tiene una base de datos actualizada para todos los comandos CSS y qué navegador lo admite. Ayudó mucho.

Cuestiones relacionadas