星怀蓝梦内容管理系统

电脑常识

当前位置：首页 > 电脑常识

修改CSS样式实现网页变灰色/黑白代码的几个方法整理

更新时间：2023-01-16 09:16:22 编辑：星星雨浏览：352

今天上午有网友提到希望将网站整体的色调换成灰色、黑色色调，这个记得在以前纪念一些日子的时候会有用到。记得那时候直接是修改CSS就可以实现，既然有用户需要，这里抽点时间...


今天上午有网友提到希望将网站整体的色调换成灰色、黑色色调，这个记得在以前纪念一些日子的时候会有用到。记得那时候直接是修改CSS就可以实现，既然有用户需要，这里抽点时间再整理一下看看是否有其他更好的方法。

我们可以根据实际的需要选择合适的CSS代码样式添加到自己的网页模板的代码中实现网页灰色、黑白样式。

第一、网页黑白代码样式A

<style>
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}
</style>
这里我们可以将代码添加到HEAD模板中，要实现全站才可以。

第二、网页黑白代码样式B

html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
同样的可以添加到样式中。

第三、网页黑白代码样式C

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">
这个直接是修改HEAD区域顶部HTML的，这个好像比较简单。

这里，我们根据实际的需要选择添加到代码中。

建站资源

收藏打印

上一篇：css文件引用缓存问题

下一篇：“此图片来自微信公众平台未经允许不可引用“ 解决办法

相关内容

2023-06-29 linux常用命令
2023-06-07 星怀蓝梦内容管理系统邮箱配置
2023-12-12 插入百度地图后提示 JS API版本过低的解决办法
2023-06-02 星怀蓝梦后台登录验证码设置
2024-01-15 星怀蓝梦标识及版本信息
2023-02-28 星怀蓝梦用西部数码虚拟主机开启ssl域名证书CSS显示不正常的问题

文章评论

共 0 条评论，查看全部

这篇文章还没有收到评论，赶紧来抢沙发吧~

点击排行

文章归档

PC+WAP+微信三站合一

星怀蓝梦开源CMS

评论排行榜

热门标签

— 运行信息( 0.0275 秒):

［SQL语句］

SELECT * FROM `llhy` . `lys_model` WHERE (disabled = '0' AND type!= '2') ORDER BY modelid ASC; [ RunTime:0.000761s ]

SELECT * FROM `llhy` . `lys_article` WHERE (id = '17') LIMIT 1; [ RunTime:0.000213s ]

UPDATE `llhy` . `lys_article` SET `click` = `click`+1 WHERE (id = '17'); [ RunTime:0.001310s ]

SELECT title,url FROM `llhy` . `lys_article` WHERE (id< '17' AND status = '1' AND catid = '5') ORDER BY id DESC LIMIT 1; [ RunTime:0.000245s ]

SELECT title,url FROM `llhy` . `lys_article` WHERE (id> '17' AND status = '1' AND catid = '5') ORDER BY id ASC LIMIT 1; [ RunTime:0.000272s ]

SELECT catid,catname,arrchildid,pclink,target FROM `llhy` . `lys_category` WHERE siteid = 0 AND `display`=1 AND parentid=0 ORDER BY listorder ASC LIMIT 20; [ RunTime:0.000156s ]

SELECT id,tag FROM `llhy` . `lys_tag_content` INNER JOIN lys_tag b ON lys_tag_content.tagid=b.id WHERE lys_tag_content.modelid=1 AND lys_tag_content.aid=17 ORDER BY id ASC LIMIT 10; [ RunTime:0.000579s ]

SELECT tagid FROM `llhy` . `lys_tag_content` WHERE (modelid = '1' AND aid = '17') LIMIT 10; [ RunTime:0.000250s ]

SELECT aid FROM `llhy` . `lys_tag_content` WHERE modelid=1 AND tagid IN (1) GROUP BY aid ORDER BY aid DESC LIMIT 6; [ RunTime:0.000296s ]

SELECT title,url,color,updatetime FROM `llhy` . `lys_article` WHERE status=1 AND id IN (77,76,75,73,72,71) ORDER BY id DESC LIMIT 6; [ RunTime:0.000449s ]

SELECT id,userid,username,userpic,inputtime,content FROM `llhy` . `lys_comment` WHERE `commentid` = "1_5_17" AND `status` = 1 ORDER BY id DESC LIMIT 20; [ RunTime:0.000346s ]

SELECT total FROM `llhy` . `lys_comment_data` WHERE (commentid = '1_5_17') LIMIT 1; [ RunTime:0.000242s ]

SELECT title,url,color,inputtime FROM `llhy` . `lys_article` WHERE status=1 AND catid=5 ORDER BY `click` DESC LIMIT 10; [ RunTime:0.000530s ]

SELECT FROM_UNIXTIME(inputtime, '%Y年%m月') AS pubtime, count(*) AS total,inputtime FROM `llhy` . `lys_article` WHERE `status`=1 GROUP BY FROM_UNIXTIME(inputtime, '%Y年%m月') ORDER BY pubtime DESC LIMIT 10; [ RunTime:0.002040s ]

SELECT title,url,total,catid FROM `llhy` . `lys_comment_data` WHERE siteid=0 AND modelid=1 ORDER BY `total` DESC LIMIT 10; [ RunTime:0.000153s ]

SELECT id,tag,total FROM `llhy` . `lys_tag` WHERE siteid=0 ORDER BY id DESC LIMIT 30; [ RunTime:0.000145s ]

［其他信息］

WEB服务器：Apache

PHP版本：8.3.3

路由信息：模块( index )，控制器( index )，方法( show )，参数( catid=5&id=17 )

框架版本：2.9 查看新版

0.0275s