阿西河

所有教程

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

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    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

    浏览器支持

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

    属性 IE Chrome FF safari Open
    background-position 1.0 4.0 1.0 1.0 3.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属性设置应该从父元素继承

    相关文章

    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录