2010-02-11 39 views
0

我想通過定義一個css類來爲所有超鏈接添加一個小箭頭圖像(+懸停效果)。 我的問題:是否可以使用滑動門技術呢? 它的問題:我無法爲鏈接設置固定寬度(用於截斷圖像),因爲鏈接的文本會忽略該寬度 - 任何想法?css:使用滑動門技術的鏈接圖像

感謝

+0

你能澄清的箭頭將是什麼樣子。我不清楚滑門技術在這裏會如何使用。 – 2010-02-11 21:29:15

+0

我正在考慮兩個並排的箭頭,每個4個像素寬。 但我不能裁剪到只有4個像素的寬度,因爲鏈接的文本會拉伸它。 – Fuxi 2010-02-11 21:49:04

回答

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