Transparencias y texto

Bueno, pues ya que funcionó la primera vez, insisto con otro problemilla. El caso es que tengo una capa con una transparencia de un 60%, en esta capa debe de ir un texto, y ese texto debe de ser blanco, pero sale gris, supongo que debido al color que hay debajo de la capa con la transparencia. Hay alguna solución, o debo escojer un color que me de cuasi blanco con lo de abajo. Bueno el enlace para verlo es el mismo de antes, http://alfredo.ainvar.net.

Salud y gracias anticipadas.

bien no veo que te quede la sombra al 50%, o tal vez si... pero la foto sea asimetrica..
te recomendaría que bajaras un poco y quedara en un tercio.

la cosa es fácil, poner el texto por encima. es decir hacer dos capas. una la de la transparencia y la otra el texto. es fácil aunque algo complejo.

he de irme, ves probando y ya me dices... o si alguien te especifique más.

ola de nuevo Silvestre, ya he probado eso, pero el texto sigue siendo gris y no blanco. Mañana seguiré probando.

salud
ainvar de los carnutos

disculpa que te corrija NO LO HAS HECHO.
véase:

Código HTML :

  
<div id="content"><img src="images/1890x745.jpg" width="100%" />
    <div id="noticias">
      <h2>ÚLTIMAS NOTICIAS</h2>

      <ul>
        <li>22/07/2011<br />
          Curso de iluminación por Alfredo Bongianni.<br />
          Estudio de Alfredo Bongianni.<br />
          20 al 25 de septiembre.Lugo.</li>
      </ul>
    </div>

  </div>

Código HTML :

#noticias {
   position:absolute;
        .............................
   color:#FFFFFF;
   opacity:0.6;
   filter: alpha(opacity=60);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
   z-index:2;
       }

teniendo que ser algo parecido a esto:

Código HTML :

  
<div id="content"><img src="images/1890x745.jpg" width="100%" />
     <div id="contenedor_noticias">
     </div>
     <div id="texto_noticias">
      <h2>ÚLTIMAS NOTICIAS</h2>

      <ul>
        <li>22/07/2011<br />
          Curso de iluminación por Alfredo Bongianni.<br />
          Estudio de Alfredo Bongianni.<br />
          20 al 25 de septiembre.Lugo.</li>
      </ul>
    </div>

  </div>

luego sería buscar, el poner un div encima del otro....

..no obstante existen varias formas, otra sencilla (no soy partidario de las tablas).

es un DIV, que de fondo sea la foto, dentro un table de dos columnas, la primera celda un background, imagen-trasparente(png) que simule la sombra, y encima el texto.

yo suelo usar, png trasparente para conseguir sombreados ya que las opciones opacity etc, no están dentro de "los estandares".

la cosa es ir jugando un poco con el tema... u optar por dejarlo como sale..

Hola amigo Silvestre, no quiero entrar en polémicas, pero si lo había hecho en local, no lo subí porque al no funcionar, pues eso. De todos modos ahora si lo he subido, con un borde blanco en la capa noticiasTexto, para que se vea que está bien posicionada, pero no consigo que ese texto salga blanco. Seguiré intentándolo, lo de las tablas no me gusta, lo del png transparente es una opción a tener en cuenta. Gracias por el interés y un saludo.

ainvar de los carnutos

yo ahora lo veo más blanco ¿no?, si acaso dándole un poco de negrita? font-weight: xxx

Al final me decidi por el png transparente, así no hay problema.

salud
ainvar de los carnutos

perfecto!! me encanta laidea de tu página, pero en vez de:

Código HTML :

    <div id="noticias">
      <h2><img src="images/ulimas_noticias.png" width="334" height="56" /></h2>
      <ul>

yo lo convertiría en un background de "noticias". De esta forma se del tamaño que sea del navegador las noticias siempre tendrían su fondo.

y si no quieres que las noticias "se estiren", le pones width y height al div.

me gusta tu gueb.

Gracias Silvestre, por la ayuda y el comentario.

salud