我有这个简写:
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;
}