Foros del Web » Creando para Internet » CSS »

caja con fondo de transparencia que no afecte el texto.¿?

Estas en el tema de caja con fondo de transparencia que no afecte el texto.¿? en el foro de CSS en Foros del Web. Bueno pues eso, resulta que le aplico transparencia a un pie de pagina y le doy estos atributos para que funcione en todo navegador: filter:alpha(opacity:60); ...
  #1 (permalink)  
Antiguo 19/05/2008, 18:26
 
Fecha de Ingreso: abril-2008
Ubicación: Oaxaca
Mensajes: 256
Antigüedad: 9 años, 7 meses
Puntos: 2
caja con fondo de transparencia que no afecte el texto.¿?

Bueno pues eso, resulta que le aplico transparencia a un pie de pagina y le doy estos atributos para que funcione en todo navegador:

filter:alpha(opacity:60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;

Primero el problema es que cuando le doy esos atributos tambien aplica la transparencia al texto y yo solo quisiera que le aplicara esos atributos al color de fondo, vamos a la pura caja pero no al texto dentro de la caja. ¿Alguien sabe como se hace esto?

Por que para darle transparencia con png no funciono, puse una imagen de 10x10 y solo mostraba la imagen y todavia con bordes y se veian como fondo de cuadritos (tengo IE7) se supone que ya soporta la transparencia png ahora no?


Y otra cosa aparte, alguien sabe por que en IE 7 al darle esos atributos cuando recien me carga la pagina me muestra mi caja(que tiene bordeado) con los bordeados mas claros pero si selecciono texto de la caja ya lo muestra como debe de ser. Pero no le puedo estar diciendo a la gente que seleccione texto para que mi pagina se vea como yo quiero. He buscado una opcion refresh ero no existe. ¿Habra algo asi?
  #2 (permalink)  
Antiguo 19/05/2008, 18:33
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: caja con fondo de transparencia que no afecte el texto.¿?

Prueba esto para la opacidad a ver si te funciona:

haces dos clases diferentes en la css.

- una en la que pones todos los atributos de tu caja:

.uno {font-size:..lo que sea}

y otra en la que sólo pones la opacidad:

.dos {opacity...lo que sea}

Ahora, a tu caja le pones las dos clases:

<div class="uno dos">...</div>

Prúebalo a ver si hay suerte.

Mikel.
  #3 (permalink)  
Antiguo 20/05/2008, 16:14
 
Fecha de Ingreso: abril-2008
Ubicación: Oaxaca
Mensajes: 256
Antigüedad: 9 años, 7 meses
Puntos: 2
Respuesta: caja con fondo de transparencia que no afecte el texto.¿?

No funciono Mikel.
  #4 (permalink)  
Antiguo 20/05/2008, 16:42
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: caja con fondo de transparencia que no afecte el texto.¿?

Lástima. Sé que hay una manera porque me ocurrió y lo resolví, pero no recuedo cómo. Lo buscaré.

¿Podrías poner el enlace a la página donde estás colocando la opacidad?

Mikel.

Última edición por Mikmoro; 20/05/2008 a las 18:05
  #5 (permalink)  
Antiguo 05/02/2011, 20:00
 
Fecha de Ingreso: febrero-2010
Ubicación: San Pedro de Macoris
Mensajes: 10
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: caja con fondo de transparencia que no afecte el texto.¿?

bueno yo lo hago mas facil creo una imagen png con tranparancia y la pongo como imagen de fondo espero que le puede alludar esea infomacion asi no tines porblemas con los navagadores y es para mi mucho mas facil
Saludo el cocco de la republica Dominicana
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:22.