CSS:是否可以在{content:url(.)}元素之前缩放图像

Question

好吧，我承认我现在是在玩……

我想达到的目标:在我们的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字符，例如

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

现在，我将使用unicode的想法(刚刚在IE8中测试过…不，ie8不显示那个字符("希腊十字架")…: -()……好吧，如果我找到一个合适的字符显示在IE8, FF和chrome..

不过，我想知道我最初的想法是否可行

Answer 1

在css3中你有一个background-size属性

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

但是background-image不能通过content:应用，所以它不会在你的情况下使用:before -只作为一个正常的类。