我有一個簡單的橫向菜單,它有不同寬度的<li>
元素,當用戶懸停時我想使用附加的圖像來指定懸停,但我不能找出最佳的方式來做這個。CSS菜單懸停圖像拉伸
圖像...
任何人都可以發佈任何代碼,並建議我可能需要做。
感謝
我有一個簡單的橫向菜單,它有不同寬度的<li>
元素,當用戶懸停時我想使用附加的圖像來指定懸停,但我不能找出最佳的方式來做這個。CSS菜單懸停圖像拉伸
圖像...
任何人都可以發佈任何代碼,並建議我可能需要做。
感謝
你只會在你的CSS使用a:hover
選擇,並添加一個背景圖像。不過,請注意,只有在支持CSS3的現代瀏覽器(IE9,Chrome,FF)中才能使用此圖片。
這就是你如何製作菜單;
http://jsfiddle.net/sg3s/49T6w/1/
當你的風格菜單這是使錨(一個標籤)display:block
重要。這確保你對他們的外觀和尺寸擁有全面的權力。如果您使用錨來創建菜單,它將向後兼容不支持的舊版瀏覽器:將鼠標懸停在塊級元素上(但即使您將它們設爲塊,因爲它們最初是內聯的)。
背景圖像很簡單,只需將它添加到錨點的hover類中。 Gl