Sans javascript, puis-je le style d'un div pour couvrir le présent document, y compris ses marges?

StackOverflow https://stackoverflow.com/questions/870237

  •  22-08-2019
  •  | 
  •  

Question

il peut être fait en utilisant javascript, mais avec CSS seul, est-il possible de style un div à se chevaucher exactement le contenu du document ou une page de fenêtre (pour appliquer une couche opaque gris sur la page)? depuis une page peut avoir la marge pour l'élément de corps il, le style si un div à la largeur de son élément de corps ne fera pas. (Doit travailler dans IE 6 aussi)

Était-ce utile?

La solution

Si vous avez un <div> comme ceci: 

<div id="cover"></div>

Ces styles doivent le faire: 

#cover {
    background-color: #ccc;
    opacity: 0.6;
    filter:alpha(opacity=60);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Testée sur une page où le corps a une marge et couvert pour moi toute la fenêtre sur IE et FF.

Autres conseils

Hauteur: 100% ne couvre pas la fenêtre si la longueur du document est inférieure à la hauteur de vue. Dans ce cas, vous devrez utiliser Javascript.

serait-il tricher à utiliser la capacité de IE pour exécuter javascript CSS? 

width:expression(document.body.clientWidth)
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top