被遮罩覆盖的元素是怎样处理不让其获取焦点的？-慕课网

首页课程实战体系课手记专栏慕课教程

被遮罩覆盖的元素是怎样处理不让其获取焦点的？

来源：1-8 模态弹出框--为弹出框增加过度动画效果

清檬

2015-05-17 16:32

遮罩的tabindex为-1，z-index的值为1050所以被遮挡元素无法获取焦点吗

写回答关注

2回答

翌子涵

2015-12-03 17:08:08

这个遮罩层是JS生成的，在页面最底部，不太好找。。

0 0
翌子涵

2015-12-03 17:04:40
尝试解答：
1、tabindex="-1"是将class="modal"这个DIV从TAB键的选取中排除掉!
2、遮罩层modal-backdrop将位于它之下的所有层都遮住了，鼠标也就获取不到它们的焦点了。
```
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
```
0 1

玩转Bootstrap（JS插件篇）

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128657 学习 · 296 问题

相似问题

为什么遮罩层会覆盖吊我弹出框我无法选择

回答 3

我想问问为什么我的模态被遮罩挡住了

回答 3

怎样让它在切换时，切换的速度慢一点呢

回答 1

事件处理问题

回答 5

改变小圆点的样式

回答 1

打开慕课网App查看更多内容