布尔玛叠加

Bulma是一个基于 Flexbox 的免费开源 CSS 框架，用于构建漂亮的响应式网站。在本文中，我们将讨论 Bulma 中的Overlay类。

覆盖意味着用另一件事覆盖一件事。这意味着我们可以把一个东西放在另一个东西上，使网页具有交互性。假设我们想在图像上放置一些文本，那么我们可以使用覆盖类来做到这一点。

布尔玛覆盖类：

• is-overlay类：这个修饰符类用于将一些内容放在另一个内容上。当我们想在另一个东西上放置一些东西时，这个类对我们很有帮助。

句法：

示例 1：

HTML

  

    

  

  
    

        

            

                
            
        
        

            

                GeeksforGeeks Overlay content1
            
            

                GeeksforGeeks Overlay content2
            
        
    

  

输出：

示例 2：

HTML

  

    

  

    

        

            

                
            
        
        

            

                GeeksforGeeks Overlay content1
            
            
GeeksforGeeks Overlay content2
            


            
                This is button1
            
            
                This is button2
            
        
    

  

输出：

参考：https://bulma.dev/classes/helpers/is-overlay