Je veux créer un gris comme celui de Gmail lorsque nous essayons de télécharger un exe. l'écran gris devrait couvrir tout l'écran même les barres de défilement, les barres de défilement devraient être visibles à travers elle mais désactivé comment cela peut être réalisé en utilisant javascript et css s'il vous plaît ne me dites pas de définir le débordement de corps à caché.gris sur tout l'écran y compris la barre de défilement
Il ne fonctionne que si vous enveloppez votre page entière dans un div et définissez cette div pour permettre le défilement, mais désavouer le corps de défilement (ou utilisez iframes). Dans Gmail, le corps est overflow:hidden. Les barres de défilement que vous voyez appartiennent à un iframe avec l'ID canvas_frame.
Je pensais la même chose +1 – user29964
Avez-vous essayé de regarder la page gmail, avec un outil comme Firebug, quand il est grisé de cette façon?
Il va vous permettre de voir exactement comment ils le font ;-)
Apparemment, après un rapide coup d'œil, il semble qu'ils utilisent un <div> comme celui-ci:
<div class="Kj-JD-Jh" style="opacity: 0.5; width: 1560px; height: 366px;"></div>
La chose intéressante ici est que cette 1560px est plus grande que la zone visible de mon écran: elle comprend la barre de défilement droite.
Les barres de défilement de haut niveau sont des composants du navigateur et ne font pas partie du canevas. Il n'est donc pas possible de les griser. Vous pouvez uniquement masquer les barres de défilement faisant partie de la vue HTML.
voir Sinon, cette
alors comment ils l'ont fait dans Gmail – Mac
duplication possible de [empêcher le défilement lorsque la vidéobox est activée] (http://stackoverflow.com/questions/3120712/prevent-scrolling-when-videobox-is-on) –