You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Google Places Autocomplete元素显示在Sweet Alert后方问题求助

解决Sweet Alert中Google Places Autocomplete下拉框被遮挡的问题

问题核心在于Google Places Autocomplete的下拉提示容器(类名pac-container)是动态生成的独立DOM元素,并非输入框的子元素,所以给输入框设置z-index无法让下拉框显示在Sweet Alert上方。

解决步骤:

  • 直接为Google自动补全的容器设置更高层级的z-index,确保超过Sweet Alert弹窗的z-index:
.pac-container {
  z-index: 10001 !important;
}
  • 若仍无效,可先查看Sweet Alert弹窗的z-index(通常swal2-container类的z-index默认是1060左右),将pac-container的z-index设为比该值更大的数即可。

内容的提问来源于stack exchange,提问作者IbrahimKose

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 17:56:59