Hay un script que aparte de quitarte de utilizar los metodos Hacks y utilizar 2 o mas hojas de estilos, pone transparencia y quita los conflictos de imagenes en firefox y IE.
espero que os sea util. http://code.google.com/p/ie7-js/ El vie, 08-02-2008 a las 11:13 +0100, Alvarez Laurnaga, Jose Antonio escribió: > O usar un png con transparencia y los ajustes necesarios para que IE lo acepte > > > >-----Mensaje original----- > > >De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En > > >nombre de Martin Etxauri > > >Enviado el: viernes, 08 de febrero de 2008 10:31 > > >Para: Ovillo, la lista de CSS en castellano > > >Asunto: Re: [Ovillo] transparecia a color de fondo de una capa > > > > > >Hace poco he estado peleándome con esto. > > > > > >me temo que estás apañado, la opacidad afecta al contenedor y a todo > > >el contenido, no hay mas, por ahora. > > > > > >algo que he estado probando es poner dos div, una encima de la otra y > > >a una ponerle el texto y fondo transparente y a la otra la opacidad, > > >si las capas son de tamaño fijo te puede valer, si quieres que la capa > > >se ajuste al contenido porque es dinámico, o se ajuste a los cambios > > >de tamaño de texto, me temo que no te servirá (porque la del fondo no > > >responderá a nada). > > > > > >tendrías que poner algo así: > > > > > >#capa_con_texto{ > > > height: 200px; > > > width: 200px; > > > z-index: 10; > > > background: transparent; > > >} > > >#capa_fondo{ > > > height: 200px; > > > width: 200px; > > > z-index: 0; > > > background-color:#000000; > > > filter: alpha(opacity=80); > > > -moz-opacity:0.8; > > > opacity: 0.8; > > > margin-top: -200px; > > >} > > > > > > > > >en vez del margin-top le puede poner una position: relative o absolute > > >y top: -200px; según lo tengas flotado o como. Eso si, si le pones el > > >top: -200px; le tendrás que poner margin-botton: -200px, porque aunque > > >la capa se suba si que mantiene el espacio de donde "debería" estar y > > >los elementos de debajo se quedan leeejos. > > > > > >otra es usar la vieja técnica de un gif de 2x2px con dos pixeles > > >transparentes y los otros dos del color (en ajedrezado) para crear una > > >especie de transparencia, adjunto un pantallazo del archivo ampliado > > >en photoshop. Si en vez de blanco pruebas con diferentes colores verás > > >que unos funcionan mejor que otros. > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
