bootstrap 模态框属性及warning

来源:互联网 发布:网络诈骗按照什么罪 编辑:程序博客网 时间:2024/05/21 14:58
1.不要同时打开多个模态框,不要在一个模态框上重叠另一个模态框2.务必将模态框的HTML代码放在文档的最高层级内(也就是说,尽量作为body标签的直接子元素),以避免其他组件影响模态框的展现和功能3.tabindex="-1"  如果模态框(modal)不设置tabindex="-1",可以通过tab键切换除模态框外的其他元素的焦点,模态框设置了tabindex='-1',tab键只能切换模态框内的元素的焦点4.增强模态框的可访问性 :  .modal 添加 role=”dialog” 和 aria-labelledby=”…” 属性,用于指向模态框的标题栏;为 .modal-dialog 添加 aria-hidden=true” 属性。另外,还应该通过 aria-describedby属性为模态框 .modal 添加描述性信息 5.data-backdrop="static"//点击模态框以外地方,模态框不关闭例子:<div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-describedby="this is a modal!"></div>
0 0
原创粉丝点击