La clase pasada (26 de Abril) vimos cómo usar imágenes de fondo en CSS utilizando los atributos background-image, background-repeat y background-position, así:
#mi-div {
background-image: url(img/fondo.jpg);
background-position: left top;
background-repeat: repeat-x;
}
También vimos la versión reducida de lo mismo:
#mi-div {
background: url(img/fondo.jpg) left top repeat-x;
}
El ZIP con los archivos para esa clase está en eCampus.
Sonia Arroyo escribió,
Mayo 6, 2007 @ 5:19 pm
Hola Ismael:
Me surgió una duda, si mal no recuerdo una vez en clase digiste que se podia modificar la transparencia de un color, por ejemplo al palicarla como fondo de un menu desplegabe.
En mi pagina http://www.produccionenserio.cl, quiero hacer eso pero busco si exite alguna etiqueta en css, solo encontre background: transparent. Pero no para modificar la opacidad.
Saludos
PD: Igual el color del blog hace dificil lalectura, si es posible que lo modifiques:-)
ismasan escribió,
Mayo 6, 2007 @ 11:51 pm
Sonia, por desgracia no hay un modo estándar, para todos los browsers, para controlar la opacidad de un elemento con CSS. Lo que hay que hacer es usar varios métodos, uno para cada familia de browser. Por ejemplo, si queremos darle a un elemento un 50% de opacidad:
Para Mozilla (Firefox, Camino, etc):
-moz-opacity: 0.5;
Para Explorer:
filter:alpha(opacity=50);
Para el resto:
opacity: 0.5;
Como resultado, tienes que usar los tres métodos en tu CSS, para que funcione en todos lados:
div.trasparente {
-moz-opacity: 0.5;
filter:alpha(opacity=50);
opacity: 0.5;
}
Cada browser reconocerá la línea adecuada, ignorando las demás.
Sonia Arroyo escribió,
Mayo 8, 2007 @ 2:23 am
Graciassssss….., funciona super!