Maison >interface Web >tutoriel CSS >Utilisez CSS pour rendre votre site Web en noir et blanc
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!