Question

我无法链接到我正在使用的图像的某些部分。即使我看了无数遍。其他人可以看看我的代码是否关闭。

    <img id="gtxports" alt="GTX Titan Black Ports" 
    src="https://i.ibb.co/h9y4V3S/gtxtitanports.jpg" usemap="gtxpports">

    <map name="gtxpports" id="gtxPortsMap">
	  	<area alt="Dual DVI D" title="Dual DVI D" href="dualdviD.html" 
    shape="rect" coords="1045, 453, 1653, 633" />
	  	<area alt="Dual DVI I" title="Dual DVI I" href="dualdvii.html" 
    shape="rect" coords="1045, 773, 1653, 969" />
	  	<area alt="HDMI Port" title="HDMI Port" href="hdmi.html" shape="rect" 
    coords="577, 829, 861, 965" />
	  	<area alt="DisplayPort" title="DisplayPort" href="displayport.html" 
    shape="rect" coords="193, 825, 525, 969" />
    </map>

Answer 1

不知道您在何处以及如何引用html链接，因为我认为它在您的本地计算机上。重写现有代码对我来说很好，请参阅以下内容：

    <img id="gtxports" alt="GTX Titan Black Ports" 
    src="https://i.ibb.co/h9y4V3S/gtxtitanports.jpg" usemap="gtxpports">
    
    <map name="gtxpports" id="gtxPortsMap">
        <area href="https://google.com" alt="Dual DVI D" title="Dual DVI D" target="_blank" shape="rect" coords="1045, 453, 1653, 633" />
        <area href="https://google.com" alt="Dual DVI I" title="Dual DVI I" target="_blank" shape="rect" coords="1045, 773, 1653, 969" />
        <area href="https://google.com" alt="HDMI Port" title="HDMI Port" target="_blank" shape="rect" coords="577, 829, 861, 965" />
        <area href="https://google.com" alt="DisplayPort" title="DisplayPort" target="_blank" shape="rect" coords="193, 825, 525, 969" />
    </map>

您可以通过https://htmledit.squarefree.com/或任何其他实时html查看器进行实时测试。将google.com替换为您的链接，以查看其是否有效，如果不起作用，则可能是您所引用的html页面的目标出现了问题。

我正在尝试映射图像，以便将某些部分链接到其他页面，我需要另一只眼睛

1 个答案: