|
|
div.corps {
width: 400px;
height: 300px;
background: yellow;
}
/* pour éviter que les conteneurs ne soient liès au flux BODY par défaut, il faut les lier au conteneur div, ils se placeront alors dans son flux */
p#premier {
position: absolute;
width: 300px;
background: orange;
}
p#second {
position: fixed;
top: 250px;
right: 100px;
width: 150px;
height: 50px;
background: green;
}
p#troisieme {
left: 321px;
position: fixed;
width: 100px;
background: white;
}
En renseignant le z-index avec une valeur plus forte pour le bloc premier et moins forte pour le bloc second, celui-ci passe au dessous
deuxième paragraphe de texte qui lui sera en scroll ppar rapport au premier paragraphe en mode fixed. il faut taper des kilomètres de texte pour que cela puisse se faire mais cette fonction est géniale pour des menus et ne faire bouger que le corps deuxième paragraphe de texte qui lui sera en scroll ppar rapport au premier paragraphe en mode fixed. il faut taper des kilomètres de texte pour que cela puisse se faire mais cette fonction est géniale pour des menus et ne faire bouger que le corps deuxième paragraphe de texte qui lui sera en scroll ppar rapport au premier paragraphe en mode fixed. il faut taper des kilomètres de texte pour que cela puisse se faire mais cette fonction est géniale pour des menus et ne faire bouger que le corps deuxième paragraphe de texte qui lui sera en scroll ppar rapport au premier paragraphe en mode fixed. il faut taper des kilomètres de texte pour que cela puisse se faire mais cette fonction est géniale pour des menus et ne faire bouger que le corps deuxième paragraphe de texte qui lui sera en scroll ppar rapport au premier paragraphe en mode fixed. il faut taper des kilomètres de texte pour que cela puisse se faire mais cette fonction est géniale pour des menus et ne faire bouger que le corps deuxième paragraphe de texte qui lui sera en scroll ppar rapport au premier paragraphe en mode fixed. il faut taper des kilomètres de texte pour que cela puisse se faire mais cette fonction est géniale pour des menus et ne faire bouger que le corps deuxième paragraphe de texte qui lui sera en scroll ppar rapport au premier paragraphe en mode fixed. il faut taper des kilomètres de texte pour que cela puisse se faire mais cette fonction est géniale pour des menus et ne faire bouger que le corps
| Code HTML pour afficher le style CSS
<html> <p id="premier">premier paragraphe de texte de couleur
orange</p> |
