css : Comment définir la transparence de box-shadow ?
Aujourd'hui, j'ai découvert que l'utilisation de l'attribut box-shadow peut très bien ajouter un effet d'ombre à p, mais si l'effet ajouté est :
-moz-box-shadow:0 4px 4px #999; -webkit-box-shadow:0 4px 4px #999; box-shadow:0 4px 4px #999;
La couleur définie en utilisant # n'a pas d'effet transparent. Définissez la couleur de l'ombre de cette manière. Si l'endroit où tombe l'ombre n'est pas blanc, ni même dynamique, par exemple si elle tombe sur une diapositive, plusieurs images de couleurs différentes pivoteront. Ensuite, en définissant la couleur de l'ombre comme ceci, l'effet d'ombre paraîtra faux !
Solution : utilisez plutôt rgba.
-moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4); box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
Je voudrais expliquer ici :
ie6 et ie7 ne devraient pas prendre en charge l'attribut box-shadow.
Vous pouvez utiliser : *filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#888888"); au lieu de
Depuis l'ombre que j'ai définie n'est pas Il n'est pas obligatoire de s'afficher dans tous les navigateurs. Je n'ai donc pas ajouté cette ligne de code, donc je n'ai pas vérifié s'il était possible de remplacer la couleur dans Color="#888888" par rgba ici. Les amis qui en ont besoin peuvent le vérifier par eux-mêmes. ennuyeux!
Mes principes :
Tant qu'il n'y a pas de problèmes tels qu'un désalignement de la mise en page, je n'apporterai pas de modifications de compatibilité.
Pour le petit nombre d'irréductibles qui ne mettent pas à jour leur navigateur, il n'est pas nécessaire d'ajouter une ligne de code redondante puisque vous utilisez une ancienne version du navigateur, il est certain que l'effet. tu vois, ce n'est pas assez beau.
La raison pour laquelle de nombreuses anciennes versions des navigateurs IE existent encore aujourd'hui est qu'elles sont habituées au front-end !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Apprenez à définir la transparence de la barre des tâches Win10
Jul 10, 2023 pm 12:37 PM
Le système Win10 possède de nombreuses fonctionnalités relativement nouvelles. Certains amis souhaitent rendre leur système Win10 plus personnalisé, ils souhaitent donc définir la transparence de la barre des tâches pour qu'elle soit plus cool. Alors comment régler la transparence de la barre des tâches win10 ? L'éditeur ci-dessous vous apprendra comment définir la transparence de la barre des tâches Win10. La méthode spécifique est la suivante : 1. Allumez l'ordinateur, déplacez la souris sur la barre des tâches, puis cliquez avec le bouton droit sur la barre des tâches, recherchez « Paramètres de la barre des tâches » dans la fenêtre et cliquez dessus. 2. Après avoir cliqué sur la fenêtre « Paramètres de la barre des tâches », recherchez l'option « Couleur » et cliquez dessus. Dans l'interface de configuration « Couleur », vous pouvez définir la couleur de la barre des tâches que vous aimez. Vous pouvez choisir la couleur de Windows ou personnaliser la couleur. . Sélectionnez Après avoir choisi la couleur, recherchez « Effet de transparence » ci-dessous.
Comment obtenir un effet de dégradé de transparence à l'aide des propriétés CSS
Nov 18, 2023 pm 05:28 PM
La méthode d'implémentation de l'effet de dégradé de transparence à l'aide des propriétés CSS nécessite des exemples de code spécifiques. Dans la conception Web, l'effet de dégradé de transparence peut ajouter un effet de transition doux et esthétique à la page. Grâce au paramétrage des propriétés CSS, nous pouvons facilement obtenir l'effet de transition sur la transparence des différents éléments. Aujourd'hui, nous allons présenter quelques méthodes courantes et des exemples de code spécifiques. Utilisez l'attribut opacity. L'attribut Opacity peut définir la transparence d'un élément. La valeur est comprise entre 0 et 1. 0 signifie complètement transparent et 1 signifie complètement opaque. nous pouvons passer
Où est la transparence de l'image du réveil ?
Mar 20, 2023 am 11:47 AM
La transparence de l'image de réveil se trouve dans « Effets spéciaux->Paramètres de réglage ». La méthode spécifique pour définir la transparence de l'image est la suivante : 1. Ouvrez l'application d'image de réveil. 2. Cliquez sur "Importer" et sélectionnez " ; Images préférées" pour l'ouvrir ; 3. Recherchez-le en bas de la page. Et cliquez sur "Effets spéciaux", puis cliquez sur "Ajuster les paramètres", cliquez sur "Transparence" et faites glisser la coche pour définir la transparence.
Comment définir la transparence de l'image dans PPT
Mar 20, 2024 pm 11:10 PM
Nous pouvons généralement insérer des images dans PPT lors de la création, mais certains amis qui viennent d'apprendre à définir la transparence des images dans PPT ne savent toujours pas comment y parvenir. Aujourd'hui, je vais donc vous apprendre les étapes spécifiques comme indiqué ci-dessous. . 1. Tout d'abord, ouvrez et créez un nouveau document PPT sur votre ordinateur (comme indiqué dans l'image ci-dessous). 2. Ensuite, sélectionnez [Insérer]-[Forme] dans la barre d'outils supérieure, sélectionnez un rectangle et dessinez-le sur la toile vierge (comme indiqué dans la partie entourée en rouge et la flèche rouge dans la figure ci-dessous). 3. Ensuite, sélectionnez [Remplir] dans la barre d'outils supérieure (comme indiqué dans la partie entourée en rouge et la flèche rouge dans la figure ci-dessous). 4. Ensuite, sélectionnez [Plus de paramètres] dans la boîte de dialogue [Remplir] (comme indiqué en rouge ci-dessous).
Comment utiliser CSS pour obtenir l'effet de dégradé de transparence d'un élément
Nov 21, 2023 pm 01:38 PM
Comment utiliser CSS pour obtenir l'effet de dégradé de transparence des éléments Dans le développement Web, l'ajout d'effets de transition aux éléments de page Web est l'un des moyens importants pour améliorer l'expérience utilisateur. L'effet dégradé de transparence peut non seulement rendre la page plus fluide, mais également mettre en valeur le contenu clé de l'élément. Cet article expliquera comment utiliser CSS pour obtenir l'effet de dégradé de transparence des éléments et fournira des exemples de code spécifiques. Utiliser l'attribut de transition CSS Pour obtenir l'effet de dégradé de transparence d'un élément, nous devons utiliser l'attribut de transition CSS. t
Instructions sur la façon d'ajuster la transparence de la barre des tâches du système Windows 10
Jan 13, 2024 pm 11:06 PM
L'ordinateur a été mis à niveau vers Win10. Microsoft a conservé l'effet de transparence de la barre des tâches dans Windows 10, mais il n'existe aucune option pour ajuster la transparence. Alors comment régler la transparence de la barre des tâches du système Win10 ? Ensuite, l'éditeur vous expliquera comment ajuster la transparence de la barre des tâches dans le système Win10. Tout le monde connaît très bien la barre des tâches du système Win10, située en bas de l'écran. De manière générale, l'interface de cette barre des tâches est définie par défaut dans le système Win10. Si vous souhaitez ajuster la transparence de la barre des tâches, comment pouvez-vous ajuster la transparence de la barre des tâches dans le système Win10 ? Jetons un coup d'œil au fonctionnement de l'éditeur. Comment ajuster la transparence de la barre des tâches du système Windows 10
Vue et Canvas : Comment ajuster la transparence et le mode de fusion des images
Jul 17, 2023 am 08:54 AM
Vue et Canvas : Comment ajuster la transparence et le mode de fusion des images Dans le développement Web, nous devons souvent traiter des images, notamment en ajustant la transparence et le mode de fusion des images. Vue et Canvas sont deux technologies couramment utilisées qui fonctionnent bien ensemble pour réaliser ces fonctions. Cet article expliquera comment utiliser Vue et Canvas pour ajuster la transparence et le mode de fusion des images, et fournira des exemples de code correspondants. Le réglage de la transparence fait référence à la modification de la visibilité d'une image. Dans Vue, vous pouvez lier
Guide des propriétés de rendu CSS : box-shadow et text-shadow
Oct 25, 2023 am 09:54 AM
Guide des propriétés de rendu CSS : Introduction à box-shadow et text-shadow : Dans la conception et le développement Web, en utilisant les propriétés de rendu de CSS, vous pouvez ajouter des effets d'ombre aux éléments de page pour les rendre plus tridimensionnels et visuels. Cet article se concentrera sur deux propriétés de rendu CSS couramment utilisées : box-shadow et text-shadow, et fournira des exemples de code spécifiques. 1. box-shadow : L'attribut box-shadow peut être utilisé pour ajouter une ombre à un élément.
