IE7中的圆形悬停区域

Question

如何创建在IE7中可用的圆形悬停区域？

我已经使用border-radius制作了一个示例，但它在IE7上无法工作：http://jsfiddle.net/y4xpQ

谢谢

- sirghi sirghi

---

我不相信你可以在CSS3之前实现。尝试在图像映射中使用透明圆圈，可能可以做到。 - Isaac Fife

请查看IE的CSS兼容性：http://msdn.microsoft.com/zh-cn/library/cc351024%28VS.85%29.aspx - Selvakumar Arumugam

Answer 1

我很确定你做不到。该项被显示为块（将其视为砖块）。而不是圆形。抱歉。

但如果你在寻找IE7中的边框半径，请看这里 - http://css3pie.com/

- mildog8

---

我相信安德鲁是正确的。然而，如果你想在图像中有一个可点击的圆圈，请看一下<area>和<map>标签^^ - xec

Answer 2

如果你的目标是“旧”浏览器，你可能需要看一下也非常古老的元素。 虽然在可访问性方面（或者如果你想用shape="circ"来制作圆形的话，符合标准的程度）不是最好的元素，但在这种情况下，我想它能胜任工作。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/area

- PM5544

---

是的，但是当我在IE7中悬停在区域上时，如何更改为不同的图像呢？因为悬停仅适用于锚点。 - sirghi sirghi

<area>标签用于使特定区域对用户的交互（如点击和悬停）做出响应，因此您可以在底层图像上执行任何操作。 例如，通过CSS或JavaScript使其对悬停作出反应。 在这种情况下，我建议使用JavaScript，因为旧版IE不支持除<a>以外的:hover。 - PM5544