如何使用HMTL/CSS創建具有可點擊鏈接的響應式圖像映射？

-1

我有一個圖像，並希望在其可點擊的鏈接內部的幾個區域，以導致我的網站上的其他頁面。在瀏覽解決方案之後，它看起來像映射圖是前進的方向。問題是，這些依賴於特定的座標，所以這不會有反應。如何使用HMTL/CSS創建具有可點擊鏈接的響應式圖像映射？

我曾希望我可以用百分比來解決這個問題，但似乎這不是一個選項。

我不熟悉PHP編碼或JavaScript，但我瞭解CSS/XHTML。

如果有人能幫助我，這將是非常感謝！

謝謝:)

2017-08-08 Smilealways83

如果您不需要「不規則」鏈接形狀，但可以使用標準矩形，那麼我會絕對將鏈接定位在圖像上，使用百分比座標和寬度/高度。如果需要，添加'transform'可以旋轉這些矩形，甚至可以將它們擠壓成更多的梯形-y形狀。我通常會在開發過程中爲鏈接指定一個rgba背景或輪廓，以便我可以看到它們的位置，然後使用開發工具來瀏覽位置值和維度。 – CBroe

您能否給我們提供更多信息，或者您希望它看起來如何（圖像會非常有用）？ – kastriotcunaku

你可以使用一個jQuery插件：https：//stackoverflow.com/questions/7844399/responsive-image-map – Gerard

-1

您可以使用圖像，並可以通過使用從上個定位它們添加使用相對CSS絕對鏈接到圖像外師，左，右，下任何你想要的。在這種情況下，它將對圖像進行響應，以較小的分辨率進行調整

來源

2017-08-08 10:43:14

如何使用HMTL/CSS創建具有可點擊鏈接的響應式圖像映射？

回答

相關問題