Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje14-05-2015, 14:39 (UTC)    
Título del mensaje: transperencia para mi fondo de pagina de inicio
Responder citando
buenas amigos quisiera saber como puedo hacer transparente el fondo de mi pagina de inicio para que se vea mas el fondo de la pagina web en si

http://ventasamil.es.tl/Inicio.htm




______________
Pagina de Venta
↑
Mensaje21-05-2015, 19:10 (UTC)    
Título del mensaje:
Responder citando
Codigo css:

Código:
.container {
  background-color: rgba(255, 255,255, 0.5);
}

el "0.5" lo puedes cambiar a tu gusto de 0.0 a 1.0.

si quieres opacar tambien el banner usa

Código:
.header{
  opacity: 0.5;
}


pero este tambien opaca el texto.. debes subir una imagen en png, para q sea transparente y no pase eso.

aunq tambien hay metodos alternativos.

como colocar un div adicional dentro del header, al header colocarte el css "position: relative" y al div adicional, colocarle "position: absolute;" y tambien el "opacity: 0.5;" y listo.

ejemplo:
Código:

<style>
header.header{position:relative;}
section.banner{position:absolute; top: 0; background-img: url("URL")}
header.header,
section.banner{position:relative: width:100%}
</style>
<header class="header">
  <section class="banner"></section>
  <!-- resto del codigo -->
</header>


Ultima edición por destaprog el Jue May 21, 2015 3:15 pm; editado 2 veces
↑
Mensaje17-07-2015, 05:46 (UTC)    
Título del mensaje: Re: transperencia para mi fondo de pagina de inicio
Responder citando
ventasamil escribió:
buenas amigos quisiera saber como puedo hacer transparente el fondo de mi pagina de inicio para que se vea mas el fondo de la pagina web en si

http://ventasamil.es.tl/Inicio.htm



Hola,

Es mas sencillo usar transparent
Ejemplo:

Código:
.container {background-color:transparent;}


Saludos.
______________
↑
Mostrar mensajes anteriores:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.