我正在制作有关如何首次使用我的应用程序的教程。
所以它看起来像一个关于如何使用按钮的弹出窗口
在教程中，我想让背景变暗，并出现一个圆圈，该圆圈将围绕按钮，并且有一个教程文本
所以，我想制作一个有圆孔的容器
这是一个简单的例子：
Document This button is used to delete your file.
但我希望孔位于按钮中
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
927
收藏
更新
通过添加带有
overflow:hidden的<main>容器更新了代码示例以包含覆盖层，以便代码片段显示更正确。原创
只是作为替代解决方案发布：
经过一些实验，我想出了这种新方法，它实际上显示一个透明的圆圈，而不是带有白色背景的圆圈，希望它更接近孔的所需行为。
这允许看到按钮旁边的其他元素，并且还可以保持按钮的交互性，以便它可以正确接受悬停和单击效果。
运行此代码片段以查看结果：
This button is used to delete your file