用CSS向链接添加图标的标准方法是什么?

我习惯用 padding background-image 在链接旁边放置图标。

这种方法有很多例子。这里有一个 here

 <a class="external" href="http://www.othersite.com/">link</a>

  a.external {  
     padding-right: 15px;  
     background: transparent url(images/external-link-icon.gif) no-repeat top right;  
 }    

但大多数浏览器不打印背景图像,这很烦人。

是什么 这个

编辑

CSS呢 :before 和 :after

a.test:after {
    padding-right: 5px;
    content: url(../pix/logo_ppk.gif);
}