Javascript div标签镀铬边框半径的加工

我有两个同心圆div，一个在另一个上。我必须在点击这两个圆圈时显示警报

我的HTML代码如下所示：

<div id="circle2" style="position: absolute.display:none;left:14px;top:35px;width:266px;height:266px;background-Color:#EFA927;border-radius:50% 50%;" onclick="alert('2');"></div>

<div id="circle1" style="position: absolute;display:none;left:31.5px;top:52.5px;width:231px;height:231px;background-Color:#0080C0;border-radius:50% 50%;" onclick="alert('1');"></div>

Mozilla的一切都很好，但circle1左上角、右上角、上下角和左下角的chrome chrome让我对circle1有了警觉（预计会出现Circle2）

---

有什么办法可以纠正这件事吗？

我想这里没有问题

看看这个

---

哦，我确实把“点击”改为“点击”。可能会有所不同。

我想这里没有问题

看看这个

---

哦，我确实把“点击”改为“点击”。可能造成了不同。

我不完全理解您的问题，但使用此代码没有问题：

<div id="circle2" style="left:14px;top:35px;width:266px;height:266px;background-Color:#EFA927;border-radius:50% 50%;" onclick="alert('2');"></div>

<div id="circle1" style="left:31.5px;top:52.5px;width:231px;height:231px;background-Color:#0080C0;border-radius:50% 50%;" onclick="alert('1');"></div>

---

当你点击

圆圈1时，它会提醒“1”，而在
圆圈2时，它会提醒“2”。
我不完全理解你的问题，但使用此代码没有问题：

<div id="circle2" style="left:14px;top:35px;width:266px;height:266px;background-Color:#EFA927;border-radius:50% 50%;" onclick="alert('2');"></div>

<div id="circle1" style="left:31.5px;top:52.5px;width:231px;height:231px;background-Color:#0080C0;border-radius:50% 50%;" onclick="alert('1');"></div>



当您单击
圆圈1时，它会提示“1”，在
圆圈2时，它会提示“2”。
您可以尝试使用图像地图：




工作样本

HTML:



您可以尝试使用图像贴图：




工作样本

HTML:



如果添加
div{position:absolute}
使渲染与问题中的描述匹配，则显示问题中描述的问题。谢谢。。。但是我的圆是同心的，一个在另一个上面。。。为了避免拼写错误，我点击了一下……是的，这是我无法理解的，我投了反对票：P不管怎样，我希望昆汀的决议有效。如果你添加
div{position:absolute}
使呈现与问题中的描述相匹配，这表明了问题中描述的问题。谢谢。。。但是我的圆是同心的，一个在另一个上面。。。为了避免拼写错误，我输入了click。是的，这是我无法理解的，我投了反对票：P不管怎样，我希望昆汀的决议能奏效。我认为问题在于圆圈重叠，点击事件是从边界框（矩形而不是圆）抛出的。如果在框不重叠但不在（不可见）角的顶部单击圆圈2，则该选项可以正常工作。提琴手：我知道它应该有用：（请在chrome中打开它，然后在所有可能的位置单击黄色圆圈。我看到的是雪；正如thomas所说，问题是，即使你将div视为一个圆圈，它也是一个正方形；使用边框制作圆圈不会切割圆的div部分。这是正确的。我希望div也在chrome上显示为圆形。有什么方法可以做到这一点吗？如f所示ar正如我所知，你不能在Webkit浏览器中使用。我认为问题在于圆圈重叠，点击事件是从边界框（矩形而非圆形）中抛出的。如果你在顶部点击圆圈2，方框不重叠，但不在（不可见的）角落，它就可以正常工作。小提琴：我知道它应该可以工作：（请在chrome中打开它，然后在所有可能的位置单击黄色圆圈。我看到的是雪；正如thomas所说，问题是，即使你将div视为一个圆圈，它也是一个正方形；使用边框制作圆圈不会切割圆的div部分。这是正确的。我希望div也在chrome上显示为圆形。有什么方法可以做到这一点吗？如f所示据我所知，您不能在Webkit浏览器中使用ar