您的位置：首页 > 其它

[自用门户]2个div透明度+z-index可以使2个div重叠，z-index越大代表显示在最上面层级越高

2017-11-12 22:32 260 查看 
<head>
<style type="text/css">
/*定位规则,如果加position堆叠顺序优先，所以A此时变在B上面*/
#a,#b{
width:100px;
height:100px;
background-color:red;
}
#b{
background-color:green;
opacity: 0.3;
z-index: 1;
 margin-top:-20px;
margin-left:20px;
position:relative;/*必须加相对定位，zindex才有效*/


 } #a{
z-index: 2;



 position:relative; }</style>

<body>
<div id="a">
我是A
</div>
<div id="b">
我是B
</div>
</body>




此效果为a在上面，b在下面，因为index-2为2
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                

                    
                

            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航