如何摆脱热点周围的线条？

【问题标题】：How can I get rid of the lines around my hots spots?如何摆脱热点周围的线条？
【发布时间】：2011-12-19 23:12:48
【问题描述】：

我在图像上绘制了一个热点链接，但不幸的是我可以在网络浏览器 SAFARI 中看到实际的轮廓。有没有办法摆脱这个？我在 Mac 上使用 Dreamweaver CS3。

On this web page，我已经在兔子的图像和黄色圆圈周围绘制了热点链接。可以看到，当你点击这些链接的时候，你会看到我画的热点区域。

非常感谢任何帮助。谢谢，凡妮莎

【问题讨论】：

通常，在任何浏览器中，一个链接在被选中时都会被“概述”。在单击之前，您是否看到了轮廓？

标签： masking outline

【解决方案1】：

我认为您正在寻找outline:none; css 样式。

您需要将其应用于该图像的链接样式。

编辑：在页面顶部的样式标签中添加：

map area{
outline:none;
}

所以它应该是这样的：

<style type="text/css">
<!--
@import url(../css_snap01.css);
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: none;
}
map area{
outline:none;
}
-->
</style>

【讨论】：

谢谢 Grillz，我对 CSS 不太熟悉。你知道我应该在哪里插入你的代码吗？我想在这里复制html代码，但论坛不允许。非常感谢。
@user1106852 更新了我的答案以显示输入代码的位置