Semantic-UI 图像隐藏状态

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

语义 UI 有一堆用于用户界面设计的组件。其中之一是“图像”。图像是描述网页信息的重要工具。用户可以通过单击或悬停在它们上与它们进行交互。根据图像使用的要求，图像有不同的状态。其中之一是隐藏状态。

Semantic UI Image Hidden State 默认用于隐藏图像。用户可能需要在用户无权交互的 UI 中隐藏一些图像。在这种情况下，隐藏状态就派上用场了。用户可以将图像置于隐藏状态。不同的图像可以隐藏在代码中而不显示到前端。用户可以根据自己的要求在一定条件下隐藏图像。

语义 UI 图像隐藏状态类：

• hidden：该类用于将图像置于隐藏状态并防止与其进行任何交互。

句法：

      
      ....

示例 1：此示例使用隐藏类演示图像隐藏状态。用户将无法看到图像。您可以在下图中看到输出，其中显示了图像的隐藏状态。

HTML

   
      
      
   
   
      

         


         
GeeksforGeeks
         Semantic UI Image Hidden State
         

         

          Hidden Image:
         


         
      
   

输出 ：

Semantic-UI 图像隐藏状态

示例 2：此示例使用隐藏类演示图像隐藏状态。您可以在下图中看到显示隐藏徽标的输出。

HTML

   
      
      
   
   
      

         


         
GeeksforGeeks
         Semantic UI Image Hidden State
         

         

         Hidden Logo:
         


         
      
   

输出 ：

Semantic-UI 图像隐藏状态

参考： https://semantic-ui.com/elements/image.html#hidden