css：使用推拉门技术链接图像

Question

我想通过定义一个css类为所有超链接添加一个小箭头图像（+悬停效果）。 我的问题：是否有可能使用滑动门技术？ 它的问题：我无法为链接设置固定宽度（用于截断图像），因为链接的文本将忽略该宽度 - 任何想法？

感谢

Answer 1

使用填充来推送文本并将箭头作为背景图像放在填充占用的区域上。

a.arrowclass /*the selector could be just 'a' if you wanted it on all links */ { 
  padding-left:20px;
  background: url(/path/to/arrow.jpg) no-repeat top left;
}