圆圈上的图像叠加圆圈答案

【问题标题】：Image overlay circle over circle圆圈上的图像叠加圆圈
【发布时间】：2009-09-09 02:41:16
【问题描述】：

首先让我告诉你我想要实现的目标。我想要一个如下布局（用圆圈替换正方形）：

|------------|
| |-------|  |
| | button|  |
| |-------|  |
|------------|

这是一个圆形图像内的按钮。按钮也应该是圆形的。我该怎么做呢？比如，有没有办法将一个圆形图像覆盖在另一个上？

【问题讨论】：

【解决方案1】：

只需使用 CSS 来绝对定位元素，img 标记在背景中并在其上方放置按钮。将覆盖元素（按钮）的 z-index 设置为高于背景元素。

【讨论】：

【解决方案2】：

是的，这是可能的，方法是在 div 中添加带有透明边缘的顶部圆圈，该 div 具有较大的圆圈作为背景图像（如果需要也透明）。要制作圆形按钮，您需要使用imagemap。

【讨论】：

【解决方案3】：

您可以使用 PNG 或 GIF 格式，或任何其他支持透明度并在您需要支持的浏览器中工作的格式。

不过，将单个图像与图像映射一起使用可能会更容易。

【讨论】：