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; 
}