0

変数を使用してcssでスプライト画像の座標を制御したい..

background: url('sprite.png') no-repeat -123px -321px; width: 23px; height: 22px;

私が望むのは、変数を使用して上記のコード行を使用できるようにすることです。

background: url('sprite.png') no-repeat -X -Y; width: 23px; height: 22px;

その場で X と Y を設定できるようにします。

PS: 浮動小数点数 (3.1 など) である平均星評価に従って、スプライトから点灯する星の長さを設定しようとしています。LESS や Sass は使いたくありません。

4

2 に答える 2

3

Javascript を使用: 

var yourelement = document.getElementById('yourelementsid');

yourelement.style.backgroundPosition = x + 'px ' + y + 'px';
于 2013-03-02T18:02:06.760 に答える
1

インラインスタイルのサーバーサイドスクリプトで値を返すこともできます。

<div style="background-position: <?php echo x . 'px ' . y . 'px'; ?>;"></div>
于 2013-03-02T18:21:29.450 に答える