Maison > Article > interface Web > Utilisez CSS pour rendre votre site Web en noir et blanc

Utilisez CSS pour rendre votre site Web en noir et blanc

php中世界最好的语言original: 2018-03-21 17:09:131810parcourir

Cette fois, je vais vous apporter les précautions pour utiliser CSS pour créer un site Web en noir et blanc, et utiliser CSS pour créer un site Web en noir et blanc. Ce qui suit est un cas pratique, jetons un coup d'œil. .

La méthode est la suivante :

Ce code CSS peut changer la page Web en noir et blanc. Ajoutez le code en haut de. le CSS pour obtenir une décoration simple.

html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

S'il n'y a pas de balise HTML dans votre page, pensez à l'ajouter. Vous pouvez ajouter la balise HTML5 suivante, ou changer le html de la balise CSS ci-dessus en body ou. autre.

<!DOCTYPE html>
<html>
</html>

Il existe certains sites Web sur lesquels la couleur de FLASHanimation ne peut pas être contrôlée par les filtres CSS. Vous pouvez utiliser l'objet <…> ;/ dans le code FLASH. Insérer entre l'objet> :

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

Si certaines pages avec Flash affichent toujours des couleurs, ou si le lecteur Flash FLV change lorsque la barre de défilement du navigateur est déplacée de haut en bas (comme Jianwang 3, page de détournement du site officiel de Jianxia World), remplacez Flash par la sortie JS (SWFObject dans cet exemple) :

<script type="text/javascript" src="/js/swf.js"></script>
<p id="video_content"></p>
<script type="text/javascript">
<!--
var video_player_so = new SWFObject("video-542.swf", "sotester", "439", "246", "7");
video_player_so.addParam("wmode", "opaque");
video_player_so.addParam("allowfullscreen","true");
video_player_so.addParam("allowscriptaccess","always");
video_player_so.write("video_content");
//-->
</script>

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article, pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation du sélecteur CSS

Filtre CSS3 ( filter ) Explication détaillée des attributs

Explication détaillée des compétences d'utilisation particulières de la marge CSS

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!

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

Article précédent：css3 annule les lignes de séparation des listes supérieure et inférieureArticle suivant：css3 annule les lignes de séparation des listes supérieure et inférieure

Articles Liés

Voir plus