语义 UI 图像禁用状态

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

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

Semantic UI Image Disabled State 用于默认显示禁用的图像。用户可能需要在用户无权交互的 UI 中显示一些图像。在这种情况下，禁用状态会派上用场。用户可以在禁用状态下显示图像。

语义 UI 图像禁用状态类：

• disabled：此类用于在禁用状态下显示图像，并阻止与它的任何交互。

句法：

       ....
       
       ....
 

示例 1：此示例使用disabled类演示图像禁用状态。用户将无法通过单击图像与图像进行交互。您可以在下图中看到显示禁用图像的输出。

HTML

  

    
    

  

    

        


        
GeeksforGeeks
        Semantic UI Image Disabled State
        


         Disabled Image:
        


        
    

  

输出：

语义 UI 图像禁用状态

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

HTML

  

    
    

  

    

        


        
GeeksforGeeks
        Semantic UI Image Disabled State
          
        


         Disabled Logo:
        


        
    

输出：

语义 UI 图像禁用状态

参考链接： https://semantic-ui.com/elements/image.html#disabled