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
Libérer: 2016-05-16 16:12:46
original
1346 Les gens l'ont consulté

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal