El CSS lo hace factible para trabajar con los niveles que significan que el HTML será colocado encima de la página generalmente con la corrección del elemento de imagen.
Los méritos son evidentes pero Netscape ha limitado solamente la reserva de capas del CSS. Y esta ayuda limitada se logra con faltas.
Las capas tienen que ser hechas tan para trabajar en los browsers de Netscape también. Tenga una mirada en este ejemplo:
Los FUNDAMENTOS de la CAPA
Primero miran Este exempla:
LAYER 1 ON TOP:
LAYER 1
LAYER 2
LAYER 2 ON TOP:
LAYER 1
LAYER 2
La codificación para el siguiente será como sigue:
LAYER 1 ON TOP:
<div style=”position: relative; font-size: 50px; z-index: 2 ;”> LAYER 1</div>
<div style=”position: relative; top:-50; left: 5; color: red; font-size: 80px; z-index: 1″>LAYER 2</div>
LAYER 2 ON TOP:
<div style=”position: relative; font-size: 50px; z-index: 3 ;”> LAYER 1</div>
<div style=”position: relative; top:-50; left: 5; color: red; font-size: 80px; z-index: 4″>LAYER 2</div>
Usted tendrá que apenas asignar la localización y el rasgo para satisfacer su estilo.
Si usted desea fijar el color del fondo entonces la codificación será como sigue:
<Html>
<Head>
<style type=”text/css”>
Body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
</style>
</head>
<body>
<h1>This is header 1</h1>
<h2>This is header 2</h2>
<p>This is a paragraph</p>
</body>
</html>
Si usted desea el fondo con una imagen entonces la codificación es como sigue:
<html>
<head>
<style type=”text/css”>
body
{
background-image:
url(’bgdesert.jpg’)
}
</style>
</head>
<body>
</body>
</html>
Visible contra capas ocultadas:
La característica pasada es la característica de la visibilidad. Usted puede crear capas invisibles. Las capas invisibles se crean para agregar menús pop-up y los buenos efectos para su página. El HTML permite que usted cambie la visibilidad de las capas basadas en ciertos acontecimientos.
Lo que sigue es un ejemplo para crear capas invisibles:
Los valores que son válidos para la característica de la visibilidad son: visible y ocultado:
Posición del style= del <div “: relativo; visibilidad: ocultado; ¡“> HOLA!!! Aplicaciones
De </div> de capas:
Las capas se pueden utilizar en maneras activas en cuanto a:
Artículos o banderas del vuelo en la página.
Para los juegos donde los objetos tienen que ser movidos alrededor;
Menús de Popup cuando visibilidad accionada de menús cuando está accionado;
Ejemplo para demostrar cómo colocar una imagen de fondo usando %:
<html>
<head>
<style type=”text/css”>
body
{
background-image: url(’smiley.gif’);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 30% 20%;
}
</style>
</head>
<body>
<p><b>Note:</b> Para que esto trabaje en Mozilla, la característica del fondo-accesorio se debe fijar a “fixed”.</p>
</body>
</html>
Ejemplo para demostrar todas las características del fondo en un declaración:
<html>
<head>
<style type=”text/css”>
body
{
background: #00ff00 url(’smiley.gif’) no-repeat fixed center;
}
</style>
</head>
<body>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
</body>
</html>
Ejemplo para demostrar todas las características del fondo en un declaración:
<html>
<head>
<style type=”text/css”>
h1 {color: #00ff00}
h2 {color: #dda0dd}
p {color: rgb(0,0,255)}
</style>
</head>
<body>
<h1>This is header 1</h1>
<h2>This is header 2</h2>
<p>This is a paragraph</p>
</body>
</html>
english
español
Deutsch
français
Italiano
Português
русский
Loading ...
Dejar un comentario