CSS เว็บทั่วไป
<style type="text/css"> *{ -moz-filter: grayscale(100%) !important; -webkit-filter: grayscale(100%) !important; filter: gray !important; /* IE6-9 */ filter: grayscale(100%) !important; } </style>
SMF
*{ -moz-filter: grayscale(100%) !important; -webkit-filter: grayscale(100%) !important; filter: gray !important; /* IE6-9 */ filter: grayscale(100%) !important; }
or
html{ -moz-filter: grayscale(100%) !important; -webkit-filter: grayscale(100%) !important; filter: gray !important; /* IE6-9 */ filter: grayscale(100%) !important; }
JOOMLA
*{ -moz-filter: grayscale(100%) !important; -webkit-filter: grayscale(100%) !important; filter: gray !important; /* IE6-9 */ filter: grayscale(100%) !important; }
WordPress
*{ -moz-filter: grayscale(100%) !important; -webkit-filter: grayscale(100%) !important; filter: gray !important; /* IE6-9 */ filter: grayscale(100%) !important; }
html { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: gray; /* IE 6-9 */ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: grayscale(1); filter: grayscale(100%); -moz-filter: grayscale(100%); }
ถ้าเป็น html5 ให้ใช้ EmulateIE9 แต่ต้องทดสอบก่อนว่าจะไม่เพี้ยน เพราะ filter gray ie10 ie11 ยังไม่ได้
<head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/> <style> * { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: progidXImageTransform.Microsoft.BasicImage(grayscale=1); } </style> </head>
หากเว็บของเรามี Base ไฟล์ css เปิดขึ้นมาแล้ว แปะโคดลงไปตามด้านล่าง
img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } html { -webkit-filter: grayscale(100%); }
แต่หากเว็บของเราไม่มี Base css ก็ให้แปะ โคดตามด้านล่างนี้ลงไปทุกหน้าในเว็บ
<style> img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } html { -webkit-filter: grayscale(100%); } </style>
style="-webkit-filter: grayscale(100%); filter: grayscale(100%);"
<body style="-webkit-filter: grayscale(100%); filter: grayscale(100%); ">
หรือ
ใส่ใน css
BODY{ font-family: "Tahoma"; font-size: 13px; color: #484848; filter: gray; /* For IE6-9 */ filter: grayscale(1); /* For Microsoft Edge and Firefox 35+ */ filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); -webkit-filter: grayscale(1); /* For Google Chrome, Safari 6+ & Opera 15+ */ }
<style type="text/css">*{ -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%);}</style>