Utilisez CSS pour rendre votre site Web en noir et blanc-tutoriel CSS-php.cn

Utilisez CSS pour rendre votre site Web en noir et blanc

php中世界最好的语言

Libérer： 2018-03-21 17:09:13

original

1775 Les gens l'ont consulté

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);
}

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

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!