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中测试过这个...不，IE 8没有显示那个字符（“希腊十字架”）...... :-(）...确定如果我找到一个在IE8，FF和Chrome中显示的合适的字符，我会选择unicode的想法。

仍然，我想知道我最初的想法是否在某种程度上可行

Answer 1

在css3中，您有一个background-size属性。

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

然而，无法通过content:应用背景图片，因此在使用:before的情况下它不起作用 - 仅作为普通类。