Es muy común la necesidad de que una imagen dentro de un enlace esté como elemento de imagen (IMG) y que al mismo tiempo deba tener un rollover: <p> <a href="#"><img src="imagen_estado_normal" alt="Imagen de ejemplo" /></a> </p> La solución habitual pasa por utilizar Javascript para hacer el cambio de imagen en el estado ‘sobre’. Pero […]
Archivos de la etiqueta: Propiedades CSS
Propiedades CSS de opacidad o semitransparencia: opacity y filter
Para que un elemento no sea del todo opaco, que tenga una semitransparencia, se utiliza la propiedad CSS opacity. Por ejemplo, para una opacidad del 50%: .opacidad {opacity: 0.5;}
CSS: modo de empleo de la propiedad z-index
Hace ya dos años y medio escribí acerca del uso de la propiedad z-index. La explicación no era todo lo correcta que debía ser, y la explicación que daba no era precisamente brillante. Espero mejorarlo en esta ocasión.
Internet Explorer 6 y la propiedad ‘bottom’ en CSS
Hay un caso en el que la propiedad bottom no es interpretada correctamente en Internet Explorer 6: cuando el elemento con position:relative tiene un overflow:hidden y debajo está el elemento con position:absolute.
CSS: propiedades a evitar en dispositivos móviles
Algunas propiedades CSS que deben evitarse o utilizarse con cuidado al crear una hoja de estilo para dispositivos móviles: float y display: estas propiedades se utilizan para crear presentar la página en varias columnas, algo que no se va a hacer (y que no se debe), en dispositivos móviles. padding y margin: dependiendo de la […]
Javascript: establecer el valor de la propiedad float de CSS
En Javascript es muy fácil establecer propiedades CSS, como en este ejemplo las propiedades de anchura, color y z-index: elemento.style.width = ‘50%’; elemento.style.color = ‘#0c0’; elemento.style.zIndex = ‘1’; Pero con la propiedad float no es tan sencillo: Because the word «float» is already reserved in JavaScript, it’s not possible to access an object’s floatCSS property […]