bootstrap模态框嵌套、tabindex属性、去除阴影

<!--最外层包裹的模态框-->
<div class="modal  fade" id="outermost" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

　　<!--第一个模态框--> 
　　<div class="modal-dialog modalWith firstModal" id="productModal" role="document"></div>  

　　<!--第二个模态框--> 
　　<div class="modal" tabindex="-1" role="dialog" id="addproduct" aria-labelledby="myModalLabel"></div> 
　
　　<!--第三个模态框--> 
　　<div class="modal" tabindex="-1" role="dialog" id="selectProduct" aria-labelledby="myModalLabel"></div> 

</div>

1 .modal-backdrop.fade {
2   filter: alpha(opacity=0);
3   opacity: 0;
4 }
5 .modal-backdrop.in {
6   filter: alpha(opacity=50);
7   opacity: .5;
8 }

1 .modal-backdrop {
2   filter: alpha(opacity=0)!important;
3   opacity: 0!important;
4 }

1 $(".modal-backdrop").remove();