阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      CSS background

      CSS background

      在一个div元素中设置多个背景图像(并指定他们的位置):

      body {
          background: #00ff00 url('smiley.gif') no-repeat fixed center; 
      }
      

      浏览器支持

      表格中的数字表示支持该属性的第一个浏览器版本号。

      紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

      属性IEChromeFFsafariOpen
      background1.04.01.01.03.5

      所有主要浏览器都支持background属性。

      注意IE8和更早版本不支持一个元素多个背景图像。

      注意 IE7和更早的版本不支持"继承"的值。 IE8需要定义!DOCTYPE。 IE9支持"继承"。


      标签定义及使用说明

      背景缩写属性可以在一个声明中设置所有的背景属性。

      可以设置的属性分别是:

      background-color, 
      background-position, 
      background-size, 
      background-repeat, 
      background-origin, 
      background-clip, 
      background-attachment,和
      background-image.
      

      如果上述值缺少一个,这不要紧,例如background:#FF0000 URL(smiley.gif);

      是允许的。

      默认值:请参阅单独的属性
      继承:no
      版本:CSS1+ CSS3中的新的属性
      JavaScript 语法:object

      语法

      background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
      
      说明CSS
      background-color指定要使用的背景颜色1
      background-position指定背景图像的位置1
      background-size指定背景图片的大小3
      background-repeat指定如何重复背景图像1
      background-origin指定背景图像的定位区域3
      background-clip指定背景图像的绘画区域3
      background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。1
      background-image指定要使用的一个或多个背景图像1

      目录
      目录