语义 UI 模态状态

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 使我们的网站看起来漂亮且响应迅速。它具有预定义的类，例如引导程序，用于使我们的网站更具交互性。它有一些预先构建的语义组件，我们可以使用这些组件来创建响应式网站。

Semantic UI Modal用于在屏幕上显示可以暂时阻止与主要内容交互的内容。我们可以在模态框内放置任何类型的内容。在本文中，我们将讨论 Semantic-UI 中的模态状态。

Semantic-UI 模态状态类：

• active：该类用于在页面上显示活动模态。

句法：

  ....

示例 1：以下代码演示了带有一些内容的语义 UI 模态状态。

HTML

    

  
  

  

  

    

      GeeksforGeeks
    
    

      Semantic-UI Modal States
    
  
    

      

        This is active modal.
      
      

        A Computer Science portal for geeks.
      
    
  

  

输出：

语义 UI 模态状态

示例 2：以下代码演示了语义 UI 模态状态，其中包含 图片 和内容。

HTML

      

  
  

  

  

    

      GeeksforGeeks
    
    

      Semantic-UI Modal States
    
  
    

      

        GeeksforGeeks Active modal
      
        
      

        
        

          
 About GeeksforGeeks 
          

            A Computer Science portal for geeks. 
            It contains well written, well thought
            and well explained computer science and
            programming articles.
          
        
      
    
  

  

输出：

语义 UI 模态状态

参考： https://semantic-ui.com/modules/modal.html#active