阿西河

所有教程

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

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      CSS background-position

      CSS background-position

      如何定位background-image:

      body { 
          background-image:url('smiley.gif');
          background-repeat:no-repeat;
          background-attachment:fixed;
          background-position:center; 
      }
      

      标签定义及使用说明

      background-position属性设置背景图像的起始位置。

      注意对于这个工作在Firefox和Opera,background-attachment必须设置为 “fixed(固定)”.

      默认值:0% 0%
      继承:no
      版本:CSS1
      JavaScript 语法:object

      浏览器支持

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

      属性IEChromeFFsafariOpen
      background-position1.04.01.01.03.5

      注意: IE8 及更早的浏览器版本不支持一个元素有多个背景图片。


      属性值

      描述
      left top
      left center
      left bottom
      right top
      right center
      right bottom
      center top
      center center
      center bottom
      如果仅指定一个关键字,其他值将会是"center"
      x% y%第一个值是水平位置,第二个值是垂直。左上角是0%0%。
      右下角是100%100%。如果仅指定了一个值,其他值将是50%。
      默认值为:0%0%
      xpos ypos第一个值是水平位置,第二个值是垂直。左上角是0。
      单位可以是像素(0px0px)或任何其他 CSS单位。
      如果仅指定了一个值,其他值将是50%。你可以混合使用%和positions
      inherit指定background-position属性设置应该从父元素继承

      相关文章

      目录
      目录