css中的背景位置

我們可以在單個導航中使用2張以上的圖像嗎？這意味着當我們懸停在該圖像上時，它將顯示6個不同的圖像。是否可以製作單個導航圖像？如果可能意味着如何？css中的背景位置

我想你們都明白這

alt text http://img714.imageshack.us/img714/2786/mubeen.gif

來源

2010-06-18 Mubeen

這個問題是非常難以理解。請說明你想要完成的是什麼。 – 2010-06-18 09:24:34

@phleet：我在我的問題中添加圖片請通過 – Mubeen 2010-06-18 09:33:46

我恐怕我還是不明白。這些點在移動嗎？他們什麼時候改變職位？ – 2010-06-18 09:36:59

你可以（目前 - 跨瀏覽器）只設置一個元素上的bg圖像。如果你想改變它懸停或什麼，只是href集上#添加a - 標籤：

<a class="img" id="thatoneimg" href="#"></a>

然後在CSS：

a.img { 
    width: 100px; 
    height: 100px; 
} 
a#thatoneimg { 
    backround-image: url(staticimg.jpg); 
} 
a#thatoneimg:hover { 
    backround-image: url(movingimg.gif); 
}

這應該工作的跨瀏覽器。您需要a -tag才能在IE中工作。

編輯：正如Starx所說，使用動畫製作第二張圖片.gif。它不會使用精靈，但它會工作。

來源

2010-06-18 09:27:56

你是正確的，但我需要超過兩個圖像，而徘徊 – Mubeen 2010-06-18 09:31:20

我編輯我的答案，以支持。 – 2010-06-18 10:44:40

最終你將能夠使用CSS轉換。 http://vision-media.ca/resources/css/css-transformations-animations-and-transitions-examples – theorise 2010-06-18 10:51:33

如果我得到你的問題的權利，這是可能的，但你必須有6種不同的HTML元素包含在6個不同位置的背景圖像。

來源

2010-06-18 09:19:56

當我在圖像上導航時，我需要6個不同的圖像 – Mubeen 2010-06-18 09:22:14

@Mubeen我不明白。你可以做一個圖形化的例子嗎？ – 2010-06-18 09:24:04

我在我的問題添加圖片請通過 – Mubeen 2010-06-18 09:33:00

如果我正確地理解了你，你想在你懸停在一個按鈕上的同時不斷改變你的背景圖像的位置。

如果這是正確的，那麼我建議製作一個靜態的圖像作爲背景圖像，並改變爲GIF動畫圖片上懸停

來源

2010-06-18 09:52:00 Starx

css中的背景位置

回答

相關問題