Utilisez CSS pour rendre les pages Web en noir et blanc-tutoriel CSS-php.cn

Utilisez CSS pour rendre les pages Web en noir et blanc

php中世界最好的语言

Libérer： 2018-03-21 17:10:20

original

4444 Les gens l'ont consulté

Cette fois, je vais vous apporter quelques précautions concernant l'utilisation de CSS pour rendre les pages Web en noir et blanc, et l'utilisation de CSS pour rendre les pages Web en noir et blanc. Voici des cas pratiques, 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 la page. 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);
}

Copier après la connexion

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>

Copier après la connexion

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"/>

Copier après la connexion

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>

Copier après la connexion

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

Explication détaillée de les particularités des marges CSS Conseils d'utilisation

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!