3

わかりました、私は今遊んでいる領域にいることを認めます...

私が達成したいこと：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../>すべてのリンクの前に法線を挿入するだけでよいことはわかっていますが、それは私たちが望むほど維持可能ではありません。

または、たとえば、派手なUnicode文字の1つを使用できます

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

今のところ、Unicodeのアイデアを使用します（IE8でこれをテストしたばかりです...いいえ、IE 8はその文字を表示しません（「ギリシャ十字」）... :-(）...わかりました、 IE8、FF、そしておそらくクロームで表示される適切な文字を見つけたら、ユニコードのアイデアを採用してください。

それでも、私の最初のアイデアはどういうわけか実行可能かどうか疑問に思います

4

1 に答える 1

2

css3 にはbackground-sizeプロパティがあります。

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

ただし、背景画像を適用することはできないため、通常のクラスとしてのみcontent:使用すると機能しません。:before

于 2011-10-21T11:27:02.863 に答える