CSS背景速记与位置和大小

时间:2014-02-12 14:04:12

标签: background position size less shorthand

我有这个简写:

background: url("example.png") no-repeat scroll rgba(0, 0, 0, 0);

和这个属性,我想放入:

background-position:     90px 0;
background-size:        300px 30px;

首先我插入位置:

url("example.png") no-repeat scroll 90px 0 rgba(0, 0, 0, 0);

效果很好 但我也没有找到一种工作方式来插入尺寸。 它应该是这样的:

url("example.png") no-repeat scroll 90px 0 / 300px 30px rgba(0, 0, 0, 0);

但它不起作用。

我在http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background尝试了很多方法,但我没有找到可行的解决方案。

请帮助

问候

我使用的是Firefox 27.0

更多代码:

.actionsprite ( @posx, @posy) {

    display:                block;
    text-indent:            -9999px;
    @finalposx:             30px * ( 1 - @posx); 
    @finalposy:             30px * ( 1 - @posy);  
    background:             url("example.png") @finalposx @finalposy / 300px 30px no-repeat;
    //background-image:       url('example.png');
    //background-size:        300px 30px;
    //background-position:    @finalposx @finalposy;
    width:                  30px; 
    height:                 30px;
}

0 个答案:

没有答案