• June 3, 2017

    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>


เวอไนน์ไอคอร์ส

ประหยัดเวลากว่า 100 เท่า!






เวอไนน์เว็บไซต์⚡️
สร้างเว็บไซต์ ดูแลเว็บไซต์

Categories