Maison > Article > interface Web > Utilisez CSS pour rendre les pages Web en noir et blanc
Utilisez CSS pour rendre les pages Web en noir et blanc
- php中世界最好的语言original
- 2018-03-21 17:10:204400parcourir
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);
}
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
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!