整个网站网页变黑白的效果
2015-08-18 14:18
411 查看
有时候网站在某种特定的情况下,需要使整个网站变成黑白的颜色。下面是如何让网站实现黑白效果的代码:
<style type="text/css"> html { FILTER: gray; -webkit-filter: grayscale(100%); } </style>
filter是滤镜的意思,filter:gray的意思就是说给页面加上一个灰度的滤镜,所以html里面的所有内容都会变成黑白的了。 不过这个滤镜对于chrome和safari浏览器是无效的,所以下面会有一行-webkit-filter: grayscale(100%); 这个样式是专属于使用webkit内核的浏览器的,意思和FILTER: gray;差不多,只是写法不同罢了。
相关文章推荐
- 学习随笔
- 如何运维能让网站稳定高效--稳定篇
- 架构方面的资料集锦
- 架构方面的资料集锦
- 网站运维如何监控云主机服务
- 网站运维如何监控云主机服务
- 开源网站
- 11个超棒的iOS开发学习网站
- DedeCMS基础使用(1):网站首页常用全局标签(附:视频教程地址)
- 从CPU核心架构看2016年移动设备趋势,A72到底能带来什么?
- 网站优化之robots文件详解
- css3媒体查询实现网站响应式布局
- 8月上旬国内网站流量统计TOP5: 百度腾讯坚守前二
- 深度剖析CloudFoundry的架构设计
- 会员充值?!哪家视频网站在认真做产品
- PHP学习网站(phpstudy)
- 学习网站推荐
- 30套JSP网站源代码合集
- 网站被百度降权的各种原因大解析
- (精)构建高并发高可用的电商平台架构实践