Maison > Article > interface Web > Comment implémenter une couche contextuelle couvrant toute la page en utilisant les compétences js et css_javascript
L'exemple de cet article décrit la méthode d'utilisation de js et css pour implémenter une couche contextuelle couvrant la totalité de la page. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :
Les styles et structures courants des calques contextuels avec des cadres d'arrière-plan transparents sont les suivants :
Comment couvrir l'intégralité de la page Web avec un arrière-plan de calque contextuel
Méthode 1.css
Méthode 2.js
var bgWidth = document.body.clientWidth 'px',
bgHeight = document.body.clientHeight 'px',
alertBgNode = $('.alertMessageBg');
alertBgNode.css({'width':bgWidth,'height':bgHeight});
En comparant les deux méthodes ci-dessus, il est évident que la méthode css est plus simple, surtout maintenant qu'elle n'est pas compatible avec IE6.
J'espère que cet article sera utile à la programmation Web de chacun basée sur JS.