2011-09-21 145 views
0

我有一個簡單的橫向菜單,它有不同寬度的<li>元素,當用戶懸停時我想使用附加的圖像來指定懸停,但我不能找出最佳的方式來做這個。CSS菜單懸停圖像拉伸

圖像... enter image description here

任何人都可以發佈任何代碼,並建議我可能需要做。

感謝

回答

1

你只會在你的CSS使用a:hover選擇,並添加一個背景圖像。不過,請注意,只有在支持CSS3的現代瀏覽器(IE9,Chrome,FF)中才能使用此圖片。

0

這就是你如何製作菜單;

http://jsfiddle.net/sg3s/49T6w/1/

當你的風格菜單這是使錨(一個標籤)display:block重要。這確保你對他們的外觀和尺寸擁有全面的權力。如果您使用錨來創建菜單,它將向後兼容不支持的舊版瀏覽器:將鼠標懸停在塊級元素上(但即使您將它們設爲塊,因爲它們最初是內聯的)。

背景圖像很簡單,只需將它添加到錨點的hover類中。 Gl