CSS：before {content：url（..）}要素でイメージを拡大縮小することは可能ですか？

Question

okが、私は私が達成したい何

...私は今遊んの領域にいるよ認める： 弊社のWebアプリケーションでいくつかの要素を追加するために使用されているユーティリティのリンクの前にプラス記号があるはずです。
この記号がユーザーが設定したフォントサイズに応じて縮尺を変更するとよいでしょう。私が試した何

：悲しいこと

<style type="text/css"> 
    a.addLink:before { 
     content: url('images/add.png'); height: 1.2em;  
    } 
</style> 

<a class="addLink" href="#" onclick="freakyJSFunction">testlink</a> 

を、height属性は無視されます。 私はすべてのリンクの前に普通の<img../>を挿入することができますが、それは私たちが望むように維持することができません。

または私は私はちょうどIE8でこれをテストしたユニコードアイデア（と行くよ、今の例

content: "\271a"; font-size:1.4em; color:green; 

ため、派手なUnicode文字のいずれかを使用することができます...いや、IE 8」はdoesnのIE8、FF、おそらくクロムに表示される適切なキャラクターを見つけると、私はユニコードのアイデアを持って行きます。

まだ、私の最初のアイデアは何とかできるかどうか疑問に思う

Answer 1

あなたはbackground-sizeプロパティを持っています

http://jsfiddle.net/jQgQv/7/

しかし背景画像がトラフcontent:を適用することはできませんので、:beforeを使用して、あなたのケースでは動作しません - だけで、通常のクラスとして。