如何解决IE9中区域标签上没有焦点矩形
| 当我在下面的图像映射中的元素之间进行制表时，我发现IE9中没有显示我的焦点矩形。该选项卡仍然可以正常工作，并且焦点在Chrome中显示为“确定”。<img name=\"scr5diagram\" src=\"scr5-diagram.gif\" width=\"909\" height=\"600\" id=\"scr5diagram\" usemap=\"#m_scr5diagram\" alt=\"Interactive diagram showing areas of focus\" />
<map name=\"m_scr5diagram\" id=\"m_scr5diagram\">
<area href=\"#\" class=\"fader\" id=\"s5b1\" shape=\"poly\" coords=\"35,32,157,159,33,160,35,125,127,128,32\" alt=\"\" />
<area href=\"#\" class=\"fader\" id=\"s5b2\" shape=\"poly\" coords=\"259,381,383,384,259,257,256,32\" alt=\"\" />
<area href=\"#\" class=\"fader\" id=\"s5b3\" shape=\"poly\" coords=\"483,605,607,608,483,481,480,32\" alt=\"\" />
</map>
解决方法
根据HTML规范：
第一个x和y坐标对与最后一个对应该相同以关闭多边形。当这些坐标值不同时，用户代理应推断出另一个坐标对以关闭多边形。
尝试使用其他工具生成坐标。以下测试在IE9中有效：
<!doctype html>
<html lang=\"en\">
<head>
<title>Poly Rectangle Test</title>
</head>
<body>
<img id=\"stackoverflow\" name=\"stackoverflow\" src=\"http://www.stackoverflow.com/favicon.ico\" width=\"32\" height=\"32\" usemap=\"#stackmap\" alt=\"stackoverflow.com\"/>
<map id=\"stackmap\" name=\"stackmap\">
<area href=\"http://www.stackoverflow.com\" shape=\"poly\" coords=\"0,16,0\" alt=\"Point one\"/>
<area href=\"http://www.stackoverflow.com\" shape=\"poly\" coords=\"16,0\" alt=\"Point two\"/>
<area href=\"http://www.stackoverflow.com\" shape=\"poly\" coords=\"0,16\" alt=\"Point three\"/>
<area href=\"http://www.stackoverflow.com\" shape=\"poly\" coords=\"0,16\" alt=\"Point four\"/>
</map>
</body>
</html>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。