![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
bootstrap 模态框弹出时被遮罩层挡住了,怎么解决
1个回答
2022-09-28 · 百度认证:北京惠企网络技术有限公司官方账号
关注
![](https://wyw-base.cdn.bcebos.com/pc-content/follow.gif)
展开全部
bootstrap 模态框弹出时被遮罩层挡住了是设置错误造成的,解决方法为:
1、打开WebStorm开发工具,新建‘test.html’文件,并在文件同级目录安装部署Bootstrap相关文件,目录结构如下图。
2、在‘test.html’中写如下代码。
3、网页查看效果如下图,这时点击按钮还没有相应,因为没有对应的代码。
4、修改‘test.html’代码如下。
5、网页查看效果,点击按钮,可以正常弹出模态框,点击网页其他位置模态框消失。
6、在模态框上增加取消按钮,点击取消后模态框消失,代码如下。
![](https://ecmc.bdimg.com/public03/b4cb859ca634443212c22993b0c87088.png)
2024-09-02 广告
Play Video 七鑫易维是致力于机器视觉和人工智能领域的高新科技企业,迄今已专注眼球追踪技术的研发、创新与应用超过14年,拥有完全自主知识产权,全球专利总量655余项。 作为眼球追踪技术领域的全球知名品牌,七鑫易维的产品体系覆盖眼动分...
点击进入详情页
本回答由七鑫易维信息技术提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询