首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

网站都变成灰色,这其中是怎么实现呢?

当大家看到全站内容都变成了灰色,包括按钮、图片等等。这时候我们可能会好奇这是怎么做到呢? 有人会以为所有的内容都统一换了一个 CSS 样式,图片也全换成灰色,按钮等样式也统一换成了灰色样式。...但你想想这个成本也太高了,而且万一某个控件忘记加灰色样式岂不是太突兀。 其实,解决方案很简单,只需要几行代码就能搞定。...,filter:gray意思就是说给页面加上一个灰度滤镜,所以html里面的所有内容都会变成黑白。...css 不能生效,是因为网站没有使用最新网页标准协议,请将网页最头部替换为以下代码:另外,搜索公众号Linux就该这样学后台回复“电子书”,获取一份惊喜礼包。...name="wmode"/> 最后 给出一段规范代码,把这段代码加入到网站页面的css里面即可实现页面变成灰色效果: html{ -webkit-filter:grayscale(100%

52440

昨天网站都变成灰色,这其中是怎么实现

网站变灰 今天大家可以看到很多很多网站包括主页和内容也都已经变成了灰色,比如百度、B 站、爱奇艺、CSDN 等等。...有人会以为所有的内容都统一换了一个 CSS 样式,图片也全换成灰色,按钮等样式也统一换成了灰色样式。但你想想这个成本也太高了,而且万一某个控件忘记加灰色样式岂不是太突兀。...其实,解决方案很简单,只需要几行代码就能搞定。 实现 我们选择一个网站,比如 B 站吧,打开浏览器开发者工具。...因此我们可以确定,通过一个全局 CSS 样式就能将整个网站变成灰色效果。 分析 那么这里我们就来详细了解一下这究竟是一个什么样 CSS 样式。...总结 本篇文章简单介绍一下今天观察到网站变灰实现,也学习 filter 更详细用法,希望有帮助。

2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    今天网站都变成灰色,这其中是怎么实现

    网站变灰 今天大家可以看到很多很多网站包括主页和内容也都已经变成了灰色,比如百度、B 站、爱奇艺、CSDN 等等。...有人会以为所有的内容都统一换了一个 CSS 样式,图片也全换成灰色,按钮等样式也统一换成了灰色样式。但你想想这个成本也太高了,而且万一某个控件忘记加灰色样式岂不是太突兀。...其实,解决方案很简单,只需要几行代码就能搞定。 实现 我们选择一个网站,比如 B 站吧,打开浏览器开发者工具。...因此我们可以确定,通过一个全局 CSS 样式就能将整个网站变成灰色效果。 分析 那么这里我们就来详细了解一下这究竟是一个什么样 CSS 样式。...总结 本篇文章简单介绍一下今天观察到网站变灰实现,也学习 filter 更详细用法,希望有帮助。

    4.4K20

    VPS、物理服务器、虚拟主机、云服务器含义与区别

    很多初学者不知道vps,物理服务器,虚拟主机,云服务器含义和区别,今天与大家一起说说它们之间含义和区别: VPSVPS(Virtual Private Server 虚拟专用服务器)技术,由于有很多物理服务器其实使用率很低...这一套套虚拟出来独立操作系统就是VPS。...如果您还未找到一款合适动态拨号vps,我可推荐青果云动态拨号vps,专业技术,自建机房,节点丰富,秒拨数百万ip,高可靠人性化设计,精心打造从节点到系统给您不一样感觉,力助您业务遍布全国每一个角落...虚拟主机: VPS主机可以像独立服务器一样分割出许多虚拟主机空间,每个空间都可以许多网站,非常适合为中小企业、小型门户网站、个人工作室、SOHO一族提供网站空间,较大独享资源,安全可靠隔离保证用户对于资源使用和数据安全...你根本看不到它在哪里,看不到它CPU、内存、硬盘,但是你可以轻松把它当成“一台”现实中主机来操作,无论是配置软件、测试性能、还是上传文件都和传统服务器没什么区别。

    20.2K00

    Linux VPS下Nginx与Apache环境防盗链设置方法

    说明:很多人VPS流量有限,有的人在VPS中放了一首MP3用来作为背景音乐,但被搜索引擎列为试听/下载地址,图片和文件地址也会别人盗用,可想而知流量会消耗多快,这时候我们需要设置防盗链来阻止这样事发生...方法 根据我们搭建系统环境不同,我们在Nginx和Apache中设置防盗链方法也是不同。 1、Nginx防盗链方法: location ~ .*\....valid_referers none blocked moerats.com *.tencent.com; if ($invalid_referer) { return 403; } expires 30d; } 在我们网站所在配置文件...(gif|jpg|jpeg|png|bmp|swf|mp3|wav|zip|rar)$ http://www.tencent.com/404.html [R,NC] 把上面代码中网址替换成自己,然后提交至网站根目录....htaccess文件中添加上述代码即可生效。

    52830

    Linux VPS下Nginx与Apache环境防盗链设置方法

    说明:很多人VPS流量有限,有的人在VPS中放了一首MP3用来作为背景音乐,但被搜索引擎列为试听/下载地址,图片和文件地址也会别人盗用,可想而知流量会消耗多快,这时候我们需要设置防盗链来阻止这样事发生...方法 根据我们搭建系统环境不同,我们在Nginx和Apache中设置防盗链方法也是不同。 1、Nginx防盗链方法: location ~ .*\....valid_referers none blocked moerats.com *.moerats.com; if ($invalid_referer) { return 403; } expires 30d; } 在我们网站所在配置文件...(gif|jpg|jpeg|png|bmp|swf|mp3|wav|zip|rar)$ http://www.moerats.com/404.html [R,NC] 把上面代码中网址替换成自己,然后提交至网站根目录....htaccess文件中添加上述代码即可生效。

    60800

    CENTOS通过iptables做端口转发

    (此处“网络”只针对大陆IP访问网络性能) 所以我网站放在B上,但是要通过A服务器IP去访问B服务器上网站。(注意,这里只是拿网站做例子,如果只网站的话,使用nginx做反向代理即可。...如果没有这行,就在文件末尾增加这行内容。保存后执行sysctl -p生效。...一般是openvz结构VPS网卡接口名,如果是KVM结构VPS或者独服,一般是eth0,有些用到虚拟桥接网卡,可能是vmbr0,需要自己先查看网卡接口名具体是什么。...原来是这个规则阻止80端口转发。但是我不想注释掉这条规则,因为会降低服务器安全性。还是找办法给80端口转发放行比较靠谱。...于是尝试照葫芦画瓢,把INPUT改成FORWARD,然后就成功

    4.5K70

    draw.io 开源矢量图作图神器骚操作

    怎么改怎么改 参考/扩展 初识 draw.io draw.io 是一个开源免费制图软件,是大学生必备学习工具。draw.io 有网页版和软件版两种,其中网页版支持多种云盘存储,非常方便。...后来机缘巧合之下我教授向我推荐 draw.io 这个工具。开源免费、大量可选图形、清新界面设计一下子就吸引我。在之后使用中,我越发认为已经不会有比这个工具更适合我矢量作图工具。...TODO[几张图,展示代码格式] 变态高效快捷键 draw.io 秉承现代创作软件设计风格,拥有大量快捷键。熟练使用快捷键可以大幅度提高创作者效率。...作为一个重度个人博客作者,利用网页模块快速并展现不同内容和思想是重中之重。嵌入式矢量图很完美的诠释什么是优雅,什么是速度。...想怎么改怎么改 便利主题切换 高级主题设置 参考/扩展

    2K20

    小白搭建博客教程-购买虚拟主机并搭建(2)

    下面开始第二篇: 虚拟主机选择 域名有,接下来要有主体,一个虚拟主机,可以让你博客或者网站放在虚拟主机上“跑”起来。域名就好比车牌号,虚拟主机就好比发动机。 虚拟主机大致分2种。...国内便宜主机建议大家不要购买,空间大小、数据库大小以及带宽流量都非常有限,即使是国外无限主机在CPU使用率和文件个数方面也是有限制,而且大部分便宜虚拟主机都是公用IP,容易受到同虚拟主机网站牵连...(国内访问速度快,需要备案,手续繁琐) 国外VPS性价比也不错,搬瓦工、Linode、Vultr等都可以选择,买VPS不仅可以搭建网站,还可以访问外国网站,你懂,满足你特殊需求。...开始一键部署 根据个人喜好选择好一键部署工具后,安装的话可以上工具网站,有很详细介绍,我在这里也就不粘贴复制。...总结 服务器环境部署这一块大家可以多多尝试,尝试越多,明白就越多,有些问题也就理解越透彻,当初我服务器经历过无数次部署与重装系统!!所以现在才略微了解其中奥妙。

    14.6K70

    在 Ubuntu 16.04 下配置 Nginx + PHP 7.0 + MySQL 环境

    买了新 vps 之后需要重新配置服务器环境,趁这个机会让我手动一个个安装它们并且熟悉熟悉吧。 部署vps时候我选Ubuntu 16.04系统,所以以下操作均基于这个系统进行。...安装好之后,phpMyAdmin 位于 /usr/share/phpmyadmin 目录里,我们配置 nginx 时候只要将一个网站根目录指向这里就可以访问 phpMyAdmin 上传你网站 首先我们可以指定一个专门网站目录...blog 文件夹中,这里我用是 Filezlia 直接上传 Filezlia 连接vps时候是利用sftp登录,一般来说登录是 root 用户,所以在root用户下上传文件所有者是 root...chown 命令: chown -R www-data:www-data /var/www 以后每次上传网站文件之后,都可以运行一下这个命令,保证 php 对网站文件都可写,避免出现各种奇奇怪怪问题...这同时也体现网站目录放一个文件夹下优势——一条简单命令就能更改全部文件所有者网站文件放好之后,我们就可以开始修改nginx配置(其实并没有什么先后顺序),配好之后网站就可以访问啦!

    1.9K20

    代建网站服务-Baili Blog

    这就是你自己网站:具有独立域名(更有标识性),具有独立主机(更灵活),具有网站全部权限(更自由),具有即时发布权限(不用考虑推送问题),变现更容易(可以自己随时挂广告代码或者二维码) 想什么内容就什么内容...微信公众号 个人博客 独立域名 不支持 支持 数据存储 微信平台 自己掌握 内容权限 微信平台 自己掌握 内容审查 微信平台 自己掌握 内容分类 不支持 支持 文件下载 不支持 支持 多支付渠道 不支持...买一台服务器或者VPS,或者通过我给链接进行购买。 本站推荐是阿里云、腾讯云服务器稳定好用! 想好网站管理员要什么账号密码,在网站初始化时需要配置。...五、收费价格: 以上内容就是一体化简易版套餐内容介绍,所有费用在一起共计 300元/次 ,网站搭建好之后就可以写文章,就可以做自己日记、杂记,下载站等等。...与此同时,也可以利用网站来多方向运营赚钱,这全看个人运营方向

    2.1K40

    WordPress外贸建站教程

    其中既有企业自身对建站和推广了解不多原因,也有建站公司敷衍了事原因。...对于外贸网站,通常选择国外虚拟主机,以便国外客户更容易访问。虚拟主机由主机提供商进行管理,其中一些好提供商包括SiteGround。网站程序:这是你网站操作系统,类似于房子结构。...网站素材:这些是构成你网站各种内容,如公司介绍、工厂照片、产品信息、联系方式等。FTP工具:FTP工具是一种用来上传和下载网站文件工具,就像你搬运家具和物品到房子里一样。...FTP工具并非是必须,也可以用主机面板文件管理器上传下载文件。(如果是VPS,则需要使用SSH工具如Xshell+Xftp)。...5、文件传输工具如果你选择SiteGround虚拟主机,你可以跳过这一步。他们后台面板已经内置一键安装WordPress功能,无需下载上传WordPress程序。

    21300

    新版VPS主机管理面板WDCP安装及使用体验-国产简单易用型VPS面板

    WDCP也算是国产中颇受大家欢迎VPS主机面板,提供nginx、apache、mysql、php等Web建站环境一键搭建。...3、这个就是WDCP面板界面,主要有系统设置、网站管理、MYSQL管理、FTP管理、用户管理、系统管理、安全管理等。...(点击放大) 4、PHP配置文件修改后,你就可以在探针中看到相关参数发生了变化了。 5、这是WDCP网站目录,每新建一个网站就会新建一个网站根目录。...五、WDCP网站管理功能:连接数、文件、安全设置 1、WDCP方便之处在于提供丰富多样网站管理功能,你可以直接通过WDCP查看资源使用率、连接数管理、启动服务、进程管理、IP设置、磁盘使用率、文件管理...5、你可以看到可以定时执行FTP备份、网站备份、mysql备份、自动释放内存、配置文件自动备份。其中网站备份和MysqL备份是比较重要,建议开启。开启后,需要点击更新计划任务才会生效。

    10.4K31

    VPS安装Virtualmin面板

    ,Virtualmin能够自动创建数据库,添加FTP用户等,用户直接按照创建FTP用户名上传网站文件到对应目录中后即可....如何在Hi-VPSVPS上安装Virtualmin面板 目前Hi-VPS已经在Openvz系列VPS上提供CentOS集成Virtualmin/Webmin面板template,直接安装该template...Hi-VPS目前已经提供集成Virtualmin/Webmintemplate,直接使用该template安装VPS后就能够创建一个已经安装过Virtualmin/WebminVPS。...首先点击左上角“Virtualmin”链接进入Virtualmin后,点击“Virtualmin”链接下面的“创建虚拟服务器”链接,开始添加网站其中“域名”是你想要添加网站域名(切记,不要带www...点击左侧“编辑数据库”链接,就能对数据库进行操作。其中数据库名下面的“dbtest”就是刚才创建数据库,在网站程序安装过程中,数据库名在例子中就是“dbtest”。

    17.8K30

    从Fastjson绕WAF到打穿网闸

    抓包看发现参数传递使用了JSON格式。 祭出一个Fastjosn检测poc,网站把报错页面做了隐藏,只能进行盲打。 把poc地址指向dnslog,查看是否能收到请求。...网站使用了防火墙,payload被拦截,通过修改编码方式,查看能否绕过。...反弹shell 把网站json数据包替换,然后发包,VPS即可收到。...使用mimikatz抓取密码,抓取到密码为 PasswOrd,登陆其中一台服务器。 考虑到当前网段机器linux比较多,上传超级弱口令检测工具去爆破。...对网段进行扫描,发现目标核心系统。 以前收集资料都未发现该系统信息,该系统太多详细信息。简单暴破密码,无果。 审计网页js文件找到一下载接口,估计是用来下载文档用。利用..

    2.1K10

    Blazor 初探

    程序部署到 Linux 系统)》中提到 VPS 文件中转下载服务后,如何将下载文件以 Blazor 方式传出到浏览器方法。...,这个是应用根页面,也就是整个网站完整骨架,@page "/" 指定路由,表明不带任何路径来访问就是到这个页面。...可以看到它有着完整 html 结构,非 html 常规标签那些一般都是 Razor 组件,其中 body 后紧跟一行那个组件就是其它具体页面将会填充位置: 当然,也不是直接填充过来,而是通过一个...这个继承声明来表明自己布局模板身份: 可以看到整体布局包括侧边菜单栏和右侧主内容区,主内容区中又分为关于按钮顶栏以及实际内容区: 侧边菜单栏由 NavMenu 组件渲染,菜单项中导航链接是...反向代理 由于启动服务是带端口,不方便记忆,也不美观,于是通过宝塔面板添加个反向代理网站: 七、地址 项目地址:https://gitee.com/dlgcy/VPSDownloader.NET/

    2.1K10

    VPS虚拟服务器简介

    因为每一个VPS服务器均可独立进行重启并拥有自己root访问权限、用户、IP地址、内存、过程、文件、应用程序、系统函数库以及配置文件。...最重要原因之一就是对服务器有完全控制权并且不受外界其他因素干扰. 而VPS主机则具有同样功能! VPS实现两个隔离,软件和硬件隔离以及客户和客户隔离。...但当用户访问网站时,网站授权DNS服务器是以传统解析方式即DNS轮询(ROUND ROBIN)方式来响应用户本地DNS解析请求,所以,用户不一定能够访问到对自己最合适主站或镜像站点。 ...thumb_feilvbinvpsnajiahao.jpg VPS服务器采用操作系统虚拟化技术实现软件和硬件隔离, 从而增强了服务器安全性, 这意味着VPS主机可以被快速而容易地从一台服务器迁移至另一台服务器上...而且如果其中一个VPS主机宕机, 其它VPS服务器不会受到影响, 仍旧可以正常运行。

    12.6K30

    VPS搭建WordPress

    搭建WordPress网站有多种方法,但使用VPS搭建可以提供更好性能。不过,VPS上搭建WordPress可能会面对更多技术性问题。...本文将带你从零开始,在VPS上一步一步敲代码来搭建WordPress。 在开始之前,如果你想要更简单方法,我建议你查看下面这篇教程,其中介绍了如何使用WordPress搭建个人博客。...然后启用新网站配置,其中”my_domain”需要替换为你域名:sudo a2ensite my_domain最后,禁用默认网站,并重启Apache:sudo a2dissite 000-default...但如果你网站无法正常打开,可能出现一些问题,有可能是你在WordPress文件或Apache设置上出现错误。这时候,你可能需要重新检查一遍。...完成初始化后,你就可以进入WordPress后台管理界面。写在最后现在,你已经成功地使用VPS搭建了WordPress网站。接下来,你可以开始进行网站装修和其他设置。

    30600

    WordPress搭建个人博客

    以Cloudflare域名解析《5分钟搞定Cloudflare域名解析》为例,设置完毕后应该和下图这样(其中Name和Content记录值是你自己域名和VPSIP地址)。...输入密码后,按Enter确认,连接就成功,就像下图这样。 连接上VPS后,你可以按照本文接下来指导轻松完成安装,也可以根据自己需求手动执行安装步骤。...点击安装主题后,选择”上传主题”,然后选择文件,选中下载argon.zip。然后点击”立即安装”。 接下来,你会看到如下图所示,表示安装成功。 返回主题列表,点击”启用“即可。...第八步:安装WordPress图片速度优化插件 网站响应速度直接影响用户体验和留存时间,因此提升网站速度至关重要,而网站图片优化是其中重要一环,我们可以通过安装webp插件来自动优化图片格式。...写在最后 至此我们已经完成WordPress个人博客快速搭建,你已经拥有一个博客网站,后续就是不断丰富你博文内容

    37910
    领券