Maison >interface Web >js tutoriel >js méthode CSS pour faire apparaître une couche div semi-transparente avec des compétences background_javascript centrées

js méthode CSS pour faire apparaître une couche div semi-transparente avec des compétences background_javascript centrées

WBOY
WBOYoriginal
2016-05-16 16:12:461374parcourir

L'exemple de cet article décrit la méthode permettant d'afficher un calque div semi-transparent avec un arrière-plan centré à l'aide de js CSS. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :











La couche contextuelle CSS, ou fenêtre contextuelle, une boîte contextuelle avec un arrière-plan translucide,
est très appropriée pour une utilisation dans la connexion à un site Web, l'enregistrement des utilisateurs et les invites d'annonce.
Il peut être utilisé dans IE, FF et OP~fenêtre pop-up, l'arrière-plan est semi-transparent

Principe : Deux calques, l'un avec une hauteur et une largeur de 100 %, et l'autre avec le contenu spécifique de la fenêtre que vous souhaitez faire apparaître
Dans IE, la translucidité utilise le filtre : Alpha(opacité=60) ; en non transparent Utiliser l'opacité : 0,60 dans IE


  Cliquez ici pour ouvrir la fenêtre

Deux calques, l'un avec une hauteur et une largeur de 100 %, et l'autre avec le contenu spécifique de la fenêtre que vous souhaitez afficher. Pour la translucidité, utilisez le filtre : Alpha(opacity=60. ) dans IE ;Utilisez l'opacité :0,60 dans non-IE ;






Cliquez pour fermer la fenêtre



J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn