bootstrap modal多层弹出框设置

 

第一层modal框展示 ：

<%@ page contentType="text/html;charset=UTF-8" %>

	

        

        

           ×
           
推荐位信息
        
        

		

		
		
		

            推荐位名称：
            

                
                * 
            
        
		
		

			
		
	
	
	
	

第二层modal框展示(在第一层modal基础上弹出)：

<%@ page contentType="text/html;charset=UTF-8"%>


        

            

                

                    ×
                    
面板信息
                
                

                                        角标名称：
                查询
                保存角标
                    

                        

                            

                                

                                   
                                
                                
                                
角标名称
                                
角标图片
                            
                        
                        

                    
                    

                    	
                        
                                                                            当前第/页  
                                                                             共条数据  
                        上一页
                        下一页
                    
                
            
        
  

注意：通过设置style属性中的z-index的高度来控制modal弹出层的高度。

问题：bootstrap多层modal弹窗时会有失去焦点在弹出的modal框。

解决方法：去除tabindex的属性。