Ver Mensaje Individual
  #6 (permalink)  
Antiguo 05/03/2011, 00:52
Avatar de arepavieja
arepavieja
 
Fecha de Ingreso: marzo-2011
Mensajes: 207
Antigüedad: 13 años, 2 meses
Puntos: 9
Respuesta: opacity en capa

Código CSS:
Ver original
  1. body {
  2. width: 100%;
  3. height: auto; // si quieres crear scroll
  4. margin: 0px;
  5. padding: 0px;
  6. }
  7. html {
  8. width: 100%;
  9. height: auto; // si quieres crear scroll
  10. margin: 0px;
  11. padding: 0px;
  12. }
  13. #contenedor {
  14. position: relative;
  15. margin: 0px;
  16. padding: 0px;
  17. width: 100%;
  18. height: 100%;
  19. top: 0px;
  20. left: 0px;
  21. }
  22. #conte-medio{
  23. width:980px;
  24. height:100px;
  25. background-color: #000;
  26. opacity:0.26;
  27. -moz-border-radius-topleft:20px;
  28. -moz-border-radius-topright:20px;
  29. -moz-border-radius-bottomleft:20px;
  30. -moz-border-radius-bottomright:20px;
  31. position:absolute;
  32. top: x%;
  33. left: x%;
  34. }
  35. #centro-parrafo{
  36. position:absolute;
  37. width: x%;
  38. height: x%;
  39. color:white;
  40. opacity:1.0;
  41. top: x%;
  42. left: x%;
  43. }

Código HTML:
Ver original
  1. <div id="contenedor">
  2. <div id="conte-medio"></div>
  3. <div id="centro-parrafo"></div>
  4. </div>