问答详情
源自:5-4 CSS3背景 multiple backgrounds

为什么用position/size会错误呢,把这2项分开写就可以...

background-position:0 0/70% 50%,right bottom/50% 35%;
    background-repeat:no-repeat;


提问者:BadBart 2015-06-29 18:04

个回答

  • ancine玉
    2016-07-16 09:43:00

    你把 background-size 属性值写在了 background-position 里,当然不对。

    如果要分开设置,类似这样:

    background-position:left top, right bottom;
    background-size:225px 70px,150px 60px;

    如果要一起设置,要在 background 中进行设置:

    background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top/225px 70px, 
           url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom/150px 60px;


  • 家安我安
    2015-11-19 12:09:02

    background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top/200px 80px

                   url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom/150px 55px;

    用position/size是针对语法缩写的,

    background-position:0 0/70% 50%,right bottom/50% 35%; 

     background-repeat:no-repeat; 是语法拆解形式 针对单独属性的,所以不同属性的值不可以一起缩写。




  • asc1120
    2015-08-07 17:56:31

    用“/”分割后的值是background-size的,怎么能写在position里,要不直接用background复合属性写,要不分开background-position和background-size写