Vous pouvez en feuille de style css
transformer presque toutes les balises HTML ou XHTML en
un claque. Pour cela vous devez utiliser la feuille de style css
position qui permet de spécifier le type de position.
Exemple de code :
position:absolute;
/*ou*/
position:relative;Quand la feuille de style css
position:absolute son point de départ (0 0) est le coin haut gauche de la fenêtre.
Quand la feuille de style css
position:relative son point de départ (0 0) est le coin haut gauche de l'endroit où est déclarée la balise qui fait office de calque.
Dans le cas où un calque a un fils qui a une
position:absolute le point d'alignement du fils se fait sur le coin haut gauche du parent et non de la fenêtre, ce qui est le cas pour mon exemple.
Script CSS : Exemple de code :
<style>
//pour créer un claque de longueur 100px hauteur 30px
//Positionné horizontalement à 10px et verticalement à 0px
#moncalque{
position:absolute;
left:10px;
top:0px;
width:100px;
height:30px;
z-index:1;
clip: rect(0 100 30 0);
visibility: visible;
background-color: #000099;
}
</style>Exemple de code :
<div id="moncalque">
<!--Code html -->
</div>Le calque résultat
Le calque résultat