Artículos con la etiqueta 'IMG'

Firefox 3.5.7: cómo solucionar el defecto de los bordes redondeados de una imagen

A veces sólo hay que mover un elemento, cambiar el punto de vista, para resolver un problema parece insuperable. Cuando uno tiene que ver con la compatibilidad entre navegadores y CSS, inventando soluciones "espectaculares" (dobles diría) está en la agenda. , per Safari e Google Chrome. Lo que yo te mostraré una manera fácil de aplicar a las imágenes de esquinas redondeadas con -moz-border-radius , que está disponible para Mozilla Firefox y -webkit-border-radius Safari y Google Chrome.

Continuación ...

jQuery: bordes redondeados en las imágenes se superponen

Debido a la prestación diferentes a través de navegadores, Microsoft Internet Explorer definitivamente veo eso en mente, siempre hay que recurrir a trucos para aplicar efectos especiales que ahora debería ser una norma. El premio discutido bordes redondeados son un ejemplo clásico de "desastre" producido por la total incapacidad para hacer una grave las normas de representación de páginas HTML / CSS. , etc… Hay muchas soluciones que permiten a la red para obtener los "efectos" (efectos de la exención de HTML existentes como los bordes redondeados y de sombras, reflejos, etc ...) con manchas en las hojas de estilos, trucos especiales con el uso de div injertados, las bibliotecas JavaScript, el uso de canvas , etc ...
En una enseñanza puramente técnico me gustaría explicar con más detalle (cross-browser) para aplicar los bordes redondeados de las imágenes:

Demostración y la fuente

Continuación ...

Hecho en el cambio de tamaño de imagen en el navegador

En principio, cuando se inserta una imagen en un documento HTML se debe utilizar a su tamaño original. Sin embargo, el TAG IMG le permite forzar el ancho (ancho) y altura (la altura) de cualquier imagen, independientemente de su tamaño original. Esta ampliación se lleva a cabo - por supuesto - desde el navegador.
Utilice el tamaño original de una imagen es buena, aunque en algunos casos implica un doble trabajo para el Diseñador de Web y / o motores dinámicos (como CMS o bibliotecas de manipulación de gráficos) en el servidor Web. Una presentación de diapositivas clásico, por ejemplo, por lo general muestra las vistas previas o miniaturas (pequeñas imágenes) muestran que si se selecciona la imagen original más grande.

Continuación ...