Document

//添加多张背景图片

.bg{

background: url("栈出.png"),

url("u=264976548,648399195&fm=26&gp=0.jpg");

background-repeat: no-repeat,no-repeat;

background-size: 190px,120px;

background-position: 0 0, 280px 51px;

}

//设置黑白色

html {

-webkit-filter: grayscale(100%);

/* webkit */

-moz-filter: grayscale(100%);

/*firefox*/

-ms-filter: grayscale(100%);

/*ie9*/

-o-filter: grayscale(100%);

/*opera*/

filter: grayscale(100%);

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

filter: gray;

/*ie9- */

}

怎么设置整体背景为灰色html,设置网站图片为灰色以及css添加多张背景图实现...相关推荐

  1. php 首页加背景图片,如何在页首添加一张背景图片

    Navy主题如何在页首添加一张图片可以http://www.ikk.me/这样子顶部添加背景图片 他的代码是[点击查看] 回复内容: Navy主题如何在页首添加一张图片可以http://www.ikk ...

  2. html怎么把图片当作导航栏,css利用一张背景图制作导航菜单实现思路及代码

    今天介绍的这款简单非常简单,利用一张背景图片来实现菜单的悬停状态.我们看下面的图片: 仅这一张图片,我们实现一个横行CSS菜单.并设置它们的悬停效果.我们该如何做呢?看下面的图片: 这是一个示意图.最 ...

  3. CSS添加多个背景图片

    CSS添加多个背景图片 如果给页面添加多个背景,但是,在CSS中一个标记只能用一次background属性. 因此,只有给多个标记添加不同背景来实现,比如,在body标记设置了背景图片的基础上,可以再 ...

  4. html 设置整体字体,HTML字体的设置

    CSS字体设置 box-sizing:border #content-box box-shadow:设置盒子边框的阴影. 字体动作: font-family:设置字体.比如:'微软雅黑' font-w ...

  5. 网站图片定位代码html5,CSS中背景图片的定位

    在CSS中,背景图片的定位方位有3种: (1)关键字:background-position: top right; (2)像素:background-position: 0px 0px; (3)百分 ...

  6. 如何拍背景虚化的照片_手机摄影基础|如何用手机拍出一张背景虚化的照片?...

    这里是爱摄影的老甘头条号,从零开始,每天分享一点手机摄影小知识. 拍出背景虚化的照片,以前是单反相机的专利,但随着手机技术发展到今天,用手机自带的相机功能就完全可以实现. 用手机拍背景虚化的照片,前提 ...

  7. Android画板开发(四) 添加背景和保存画板内容为图片

    Android画板开发(一) 基本画笔的实现 Android画板开发(二) 橡皮擦实现 Android画板开发(三) 撤销反撤销功能实现 Android画板开发(四) 添加背景和保存画板内容为图片 A ...

  8. 仿造小红书页面代码html,jQuery仿小红书登录页,背景图垂直循环滚动登录页,向上循环滚动的动画,实现一张背景图片的无缝向上循环js滚动...

    jQuery仿小红书登录页,背景图垂直循环滚动登录页,向上循环滚动的动画,实现一张背景图片的无缝向上循环js滚动 先看效果图: 图片是gif看着有点卡顿,网页里面其实很流畅的 此代码使用CSS3动画实 ...

  9. 纯 CSS 解决自定义 CheckBox 背景颜色问题

    纯 CSS 解决自定义 CheckBox 背景颜色问题 参考文章: (1)纯 CSS 解决自定义 CheckBox 背景颜色问题 (2)https://www.cnblogs.com/ZweiZhao ...

最新文章

  1. Android中下载进度条格式,Android开发如何实现文件下载进度条
  2. 通俗易懂的Word Embeddings
  3. idea设置java scala等代码自动换行
  4. python基础数据类型的相关知识点
  5. 华为鸿蒙系统使用视频,原生鸿蒙系统,华为WATCH 3上手视频曝光
  6. StudyTonight 中文系列教程【翻译完成】
  7. 时间序列分析相关概念
  8. 顶级黑客泄密事件啼笑皆非
  9. Win7安全模式卡在ClassPNP.sys位置解决办法
  10. 【spring】切入点(Pointcut)、方面/切面(Aspect、Advisor)详解
  11. 【linux】posix是什么都不知道,还好意思说你懂Linux?
  12. 华为交换机配置Guest vlan
  13. 《商业的本质》读后感
  14. vue在IE浏览器报Error in nextTick: InvalidCharacterError解决方案
  15. 对接第三方系统实操经验分享
  16. 【课程】大气对流参数
  17. cisco3560三层交换机vlan间路由配置实例
  18. android契约类是什么_为什么需要社会契约
  19. 自动推送消息时附带图片的一种实现方式
  20. Python反序列化

热门文章

  1. 《征服C指针》读书笔记
  2. 墨门云企业防泄密系统,有效阻止企业敏感信息外泄
  3. 职称计算机合格证打印,好消息!这些职称证书可直接网上打印了,效用等同!...
  4. React Native入门 基础使用总结
  5. 轻量级3d模型查看器_NVIDIA这是要统领3D软件了么?感觉一股强大冲击波~
  6. 自动化再加码,国产机器狗进入三岔路口
  7. 用pyecharts制作小说《剑来》的人物关系图(粗)
  8. 计算机毕业设计ssmJAVA高校田径运动会管理61s38系统+程序+源码+lw+远程部署
  9. 网络变压器的工作原理:如何用LCR测量仪进行网络变压器的对称性检测?
  10. 六级备考28天|CET-6|听力第二讲|长对话满分技巧|听写技巧|2022年6月考题|14:30~16:00