我的跨度漂浮在後面 - 我需要頂部

我從很多角度試過這個，但無法弄清楚。我的跨度漂浮在後面 - 我需要頂部

見我的地圖位置：http://defendiendovidas.org/test.html

我需要在國名出現在一切之上。即使我的跨度是絕對的，z-index也沒有幫助。

任何實現這一點的指針將不勝感激！

P.S.如果有人對如何更好地製作這張地圖有建議，我會很樂意聽到。事情是，我想要淡入淡出效果。但是我的圖片是重疊的，因此就像您在巴西看到的那樣，懸停與位於巴西頂端的附近國家（圖片）有衝突。地圖/面積不好，因爲它不允許面積：懸停...

謝謝！

來源

2013-08-16 Andy Moore

您可以發佈您的代碼嗎？很酷的地圖btw。 – brbcoding

的解決方案是不透明度應用到img而不是整個li，

因爲opacity和z-index以某種方式相連接。

而且，由於你問如果任何人有一個建議，如何使這個地圖更好，嗯......

你的代碼是非常的混亂，你也用li個名單之外的一些原因，所以我也改變了很多HTML。

這裏的小提琴：Link

希望它能幫助:)

來源

2013-08-17 02:55:02 ThatWeirdo

謝謝！這非常有幫助。你確實乾淨了這個代碼！當然 - 這是有道理的，現在你解釋它！ 'span'在'li'裏面，因此它變淡了。我對此感興趣 - 如果您對如何解決重疊圖像的問題與附近圖像的「可點擊性」相沖突有任何想法。特別是巴西 - 如果你將鼠標懸停在巴西左側，你會發現「懸停」不起作用。我認爲它現在運行的很好，但我希望我能找到一個修復地圖這個令人討厭的方面。 –

我無法在此處看到完整的地圖。你也提到過它。那麼也沒有其他跨度發現！這張地圖有點酷。但是如果你想要圖像騎在圖像上。你可能會使用相對的位置！你試過嗎？你有一個絕對的，但絕對的作品在div或容器上它的親戚。如果沒有相對於主體標籤的位置的容器被認爲是一個。所以試着給這個圖像一個相對的位置。然後添加z-index和絕對位置！

來源

2013-08-16 22:21:56

-1

嘗試Position:relative或Position:absolute 給z-index的一個鏡頭也

來源

2013-08-17 03:51:57

我的跨度漂浮在後面 - 我需要頂部

回答

相關問題