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>

可悲的是，高度属性被忽略了。我知道我可以<img../>在每个链接之前插入一个正常的，但这并不像我们希望的那样可维护。

或者我可以使用其中一个花哨的 unicode 字符，例如

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

现在，我将采用 unicode 的想法（刚刚在 IE8 中测试过......不，IE 8 不显示该字符（“希腊十字”）......：-（）......好吧，我会的如果我找到在 IE8、FF 和 chrome 中显示的合适字符，请使用 unicode 想法。

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

4

1 回答 1

2

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

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

但是 background-image 不能通过槽应用content:，因此它在您的情况下无法使用:before- 仅作为普通类。

于 2011-10-21T11:27:02.863 回答