Internet Explorer y la propiedad clip
La propiedad clip de CSS puede sernos de gran ayuda por ejemplo para recortar una imagen. Para usarla aplicamos lo siguiente:
clip: rect(10px, 250px, 5px, 5px)
Pero esta entrada no es para explicar el uso de la propiedad sino para comentar el problema que se presenta a tratar de utilizarla con Internet Explorer ya que el mismo no admite el uso de comas en las sentencias CSS por lo que no interpreta esta propiedad. Para solucionar esto eliminamos las comas y problema “solucionado”. Hay que hacer lo siguiente:
clip: rect(10px, 250px, 5px, 5px) clip: rect(10px 250px 5px 5px)
Especificando dos veces la propiedad lo hacemos una vez para cada tipo de navegador, la primera para Firefox, Opera, etc. y la segunda para Internet Explorer. Cada navegador interpretará la que considere correcta y pasará por alto la otra. El problema es que obviamente esto no es válido.
- Viernes 22 de Febrero de 2008 a las 11:37 ~ Translate to english
- Categorías ~ Diseño
- 2 comentarios realizados ~ Enlaces a esta entrada
- Digg ~ Menéame ~ del.icio.us ~ Fresqui ~ Mister Wong
- Enlazar este post ~
- Enlace corto ~
- ← CSS Rand, inspiración divina
- 5 maneras de generar más espacio en la página →
Buen tip, aunque rara vez usamos esa propiedad, y mira que és útil.
Aqui le dan algunas aplicaciones: http://www.ibloomstudios.com/articles/misunderstood_css_clip/
Puede ser bastante útil, más que nada para recortar imágenes que tomamos directamente de alguna fuente y no es posible editarlas.