Re: [Ovillo] Opacidad de capas
Hola Marc,
Esta idea ya la habia probado, encontre esta direccion
http://www.mandarindesign.com/troops.html#opacitybackgroundhard que utiliza
posicionamiento absoluto, la idea que me comentas pero la idea es un diseño
liquido.
Muchas gracias por tu ayuda, buscare otra forma de montarlo sin usar opacidades
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Marc González
Majoral
Enviado el: lunes, 21 de mayo de 2007 6:09
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Opacidad de capas
Hola Maite.
Hasta donde yo se y por lo que he probado, cuando un elemento es hijo de otro
con una opacidad definida, hereda esta opacidad, aunque luego le definas otra
específicamente.
La única forma que he encontrado para resolver este comportamiento es poner el
elemento hijo en el mismo contenedor que el padre y posicionarlo absolutamente
(sacándolo del flujo de la página) para que quede encima de este. No es muy
buena práctica ya que tendrás que saber qué medidas tiene la lista en caso de
que quieras poner contenido a su alrededor.
Poner la lista en el mismo contenedor del padre y flotarla, en Firefox, que es
con el único que lo probé, tiene un comportamiento extraño, ya que no aplica el
opacity del elemento sobre el que flota al fondo, pero sí al texto (¿bug?).
Te pongo un ejemplo ràpido con posicionamiento absoluto en
http://estupefacto.blogdns.org/prototipos/prueba-opacity/
De todas formas yo te recomiendo evitar el uso de opacity si no te es
imprescindible, entre otras cosas porque no está definido en CSS 2.1.
Espero que te sirva. Un saludo.
El 17/05/07, Maite Capalleja [EMAIL PROTECTED] escribió:
Hola,
tengo un problemilla con una capa que tiene una opcidad del 80% y que
contiene una lista, la lista tambien toma la opacidad, he intentado
redefinirlo y no funciona, alguien tiene alguna idea de como
solucionarlo??
#menu{
background-color: #669933;
width:30%;
margin:0.5em;
filter: alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}
#menu ul{
filter: alpha(opacity=100);
opacity: 1;
}
Muchas gracias
___
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
___
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
___
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
Re: [Ovillo] Opacidad de capas
Una cosilla:
Los filtros no son válidos en documentos CSS, pero sí en CSS definidos
dentro de documentos web.
El día 21/05/07, Maite Capalleja [EMAIL PROTECTED] escribió:
Hola Marc,
Esta idea ya la habia probado, encontre esta direccion
http://www.mandarindesign.com/troops.html#opacitybackgroundhard que
utiliza posicionamiento absoluto, la idea que me comentas pero la idea es
un diseño liquido.
Muchas gracias por tu ayuda, buscare otra forma de montarlo sin usar
opacidades
Un saludo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED] En nombre de Marc González Majoral
Enviado el: lunes, 21 de mayo de 2007 6:09
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Opacidad de capas
Hola Maite.
Hasta donde yo se y por lo que he probado, cuando un elemento es hijo de
otro con una opacidad definida, hereda esta opacidad, aunque luego le
definas otra específicamente.
La única forma que he encontrado para resolver este comportamiento es
poner el elemento hijo en el mismo contenedor que el padre y posicionarlo
absolutamente (sacándolo del flujo de la página) para que quede encima de
este. No es muy buena práctica ya que tendrás que saber qué medidas tiene la
lista en caso de que quieras poner contenido a su alrededor.
Poner la lista en el mismo contenedor del padre y flotarla, en Firefox,
que es con el único que lo probé, tiene un comportamiento extraño, ya que no
aplica el opacity del elemento sobre el que flota al fondo, pero sí al texto
(¿bug?).
Te pongo un ejemplo ràpido con posicionamiento absoluto en
http://estupefacto.blogdns.org/prototipos/prueba-opacity/
De todas formas yo te recomiendo evitar el uso de opacity si no te es
imprescindible, entre otras cosas porque no está definido en CSS 2.1.
Espero que te sirva. Un saludo.
El 17/05/07, Maite Capalleja [EMAIL PROTECTED] escribió:
Hola,
tengo un problemilla con una capa que tiene una opcidad del 80% y que
contiene una lista, la lista tambien toma la opacidad, he intentado
redefinirlo y no funciona, alguien tiene alguna idea de como
solucionarlo??
#menu{
background-color: #669933;
width:30%;
margin:0.5em;
filter: alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}
#menu ul{
filter: alpha(opacity=100);
opacity: 1;
}
Muchas gracias
___
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
___
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
___
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
--
xNoleet ][ freelance graphic designer artist ]
http://www.dojohabit.com ][ Dôjo ]
http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ]
http://vm.dojohabit.com ][ personal portfolio ]
http://h3x.dojohabit.com ][ experimental project ]
___
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
Re: [Ovillo] Opacidad de capas
xNoleet escribió: Una cosilla: Los filtros no son válidos en documentos CSS, pero sí en CSS definidos dentro de documentos web. Siguen siendo inválidos, otra cosa es que por limitaciones de la herramienta de validación no te aparezcan como errores. Si utilizar por ejemplo firebug [1] verás como canta el error si metes un 'filter'. [1] https://addons.mozilla.org/es-ES/firefox/addon/1843 -- Saludos -=stripTM=- ___ 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
Re: [Ovillo] Opacidad de capas
Hola Maite.
Hasta donde yo se y por lo que he probado, cuando un elemento es hijo
de otro con una opacidad definida, hereda esta opacidad, aunque luego
le definas otra específicamente.
La única forma que he encontrado para resolver este comportamiento es
poner el elemento hijo en el mismo contenedor que el padre y
posicionarlo absolutamente (sacándolo del flujo de la página) para que
quede encima de este. No es muy buena práctica ya que tendrás que
saber qué medidas tiene la lista en caso de que quieras poner
contenido a su alrededor.
Poner la lista en el mismo contenedor del padre y flotarla, en
Firefox, que es con el único que lo probé, tiene un comportamiento
extraño, ya que no aplica el opacity del elemento sobre el que flota
al fondo, pero sí al texto (¿bug?).
Te pongo un ejemplo ràpido con posicionamiento absoluto en
http://estupefacto.blogdns.org/prototipos/prueba-opacity/
De todas formas yo te recomiendo evitar el uso de opacity si no te es
imprescindible, entre otras cosas porque no está definido en CSS 2.1.
Espero que te sirva. Un saludo.
El 17/05/07, Maite Capalleja [EMAIL PROTECTED] escribió:
Hola,
tengo un problemilla con una capa que tiene una opcidad del 80% y que
contiene una lista, la lista tambien toma la opacidad, he intentado
redefinirlo y no funciona, alguien tiene alguna idea de como
solucionarlo??
#menu{
background-color: #669933;
width:30%;
margin:0.5em;
filter: alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}
#menu ul{
filter: alpha(opacity=100);
opacity: 1;
}
Muchas gracias
___
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
___
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
[Ovillo] Opacidad de capas
Hola,
tengo un problemilla con una capa que tiene una opcidad del 80% y que
contiene una lista, la lista tambien toma la opacidad, he intentado
redefinirlo y no funciona, alguien tiene alguna idea de como
solucionarlo??
#menu{
background-color: #669933;
width:30%;
margin:0.5em;
filter: alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}
#menu ul{
filter: alpha(opacity=100);
opacity: 1;
}
Muchas gracias
___
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
