css3 夜间模式

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/slwsss/article/details/87876896
var ts = [
    'img',
    'video',
    'iframe',
    'embed',
    'object',
    '[style*="background:url"]',
    '[style*="background-image:url"]',
    '[style*="background: url"]',
    '[style*="background-image: url"]',
    '[style*="background-image"][style*="image-set"]'
];
ts = 'body,' + ts.join(',') + '{filter:invert(100%);}'
    + ts.map(function (p) { return ts.map(function (p2) { return p + ' ' + p2 }).join(',') }).join(',') + '{filter:invert(0%);}'
    + 'body{background-color:rgba(0,0,0,0.9382)!important;}:root,html{background-color:rgba(0,0,0,0)!important;}';

var css = document.createElement('style');
css.innerHTML = ts;
document.body.appendChild(css);
//缺点:无法较好的处理黑色背景及背景图

猜你喜欢

转载自blog.csdn.net/slwsss/article/details/87876896