plein écran de superposition avec css/jquery
je suis en train de faire un "énorme" div qui remplit la fenêtre avec l'opacité de 0,4 ou quoi que ce soit. Le problème est de savoir comment le faire. J'ai essayé de faire un div avec tout mon contenu de la page à l'intérieur et lui donner cet propriétés:
.div{
width:100%;
height:100%;
background:#000;
opacity:0.5;
}
depuis cela ne fonctionne pas, j'ai essayé d'ajouter un z-index et mettre une grande valeur, mais il ne fonctionne pas non plus.
une idée?
je veux faire quelque chose comme ceci:
OriginalL'auteur nick | 2014-04-24
Vous devez vous connecter pour publier un commentaire.
Je pense que vous êtes à la recherche de quelque chose comme ceci:
Le CSS:
Ici un violon: http://jsfiddle.net/hTQb8/1/
Il devrait fonctionner aussi longtemps que votre JS/jQuery est correct et aussi longtemps que vous définissez votre
.div
CSS que j'ai ci-dessus pour#fade-wrapper
. Peut-être que vous pourriez poster vos JS/jQuery?Aussi, assurez-vous de faire un rafraîchissement lorsque vous essayez d'afficher les modifications, car le navigateur probablement vous montre des versions mises en cache du site.
j'ai pu 😀 avec un peu de modification, merci, vraiment!
oublié, si vous placez ce sur quelque chose comme une carte, vous devez également vous assurer qu'il a une assez haute de z-index.
OriginalL'auteur MyCompassSpins
essayer cette
HTML
CSS
OriginalL'auteur Immortal Dude