圖像出現在其他圖像懸停在

-1

我試圖創建一個圖像地圖，其中有一個主要圖像，當你將鼠標懸停在某些區域時出現不同的圖像。圖像出現在其他圖像懸停在

像這樣的東西How to apply Hovering on html area tag?但不是創建一個輪廓它會顯示不同的圖像。

我不想使用jQuery，而寧願依靠CSS和HTML。

在此先感謝。

任何建議@enhzflep？ – Pussinbikerboots

你可以在大主圖像覆蓋較小的空白圖像，並分別使用懸停代碼爲每個圖像

非懸停圖像是「空白」 PNG和懸停是期望的結果只需使用代碼對於在「0」的z-index背景

2015-12-15 03:31:15 Koden

和「空白」我的意思是完全透明的 – Koden

這聽起來不錯......作爲一個新手編碼我迷失在CSS ...這一點特別是 – Pussinbikerboots

正如在前面的回答說，主圖像的每個「空白」的形象，你可以通過使用的z-index屬性做到這一點。但嘗試設置主圖像的Z指數爲0，所有的小圖像（要顯示在主圖像）作爲低於0

最後，通過交換價值之間的的z-index下激活或鼠標懸停時高於0。

希望這會有所幫助:)

2015-12-15 05:26:57

回答