DEV Community
·
解决下拉菜单/工具提示等的overflow hidden问题
💡
原文英文，约300词，阅读约需2分钟。
📝
内容提要
文章介绍了如何通过使用“anchor-positioning”和“popovers”功能解决按钮或选择框的下拉菜单被“overflow hidden”阻挡的问题。这些功能可以减少对JavaScript的依赖，并通过oddbird/css-anchor-positioning polyfill实现跨浏览器兼容性。支持的浏览器包括Chrome、Edge、Opera等，Safari和Firefox也经过测试。
🎯
关键要点
- 文章讨论了如何解决下拉菜单被'overflow hidden'阻挡的问题。
- 提出使用'anchor-positioning'和'popovers'功能来减少对JavaScript的依赖。
- 这些功能通过oddbird/css-anchor-positioning polyfill实现跨浏览器兼容性。
- 支持的浏览器包括Chrome、Edge、Opera等，Safari和Firefox也经过测试。
- 虽然这些功能尚未完全支持，但有polyfill可供使用。
- oddbird/css-anchor-positioning polyfill在多个浏览器中具有良好的支持。
- 在大多数浏览器中，使用这些功能会增加计算开销，但使用简单且可以在兼容性足够时关闭。
➡️
