Tailwind CSS 背景附件

在本文中，我们将学习如何使用 Tailwind CSS 附加背景图像。

方法：

您可以使用 Tailwind CSS 中的background-attachment 属性轻松附加背景图像。所有属性都包含在类形式中。它是 CSS background-attachment 属性的替代品。它可以设置为滚动或保持固定。

背景附件类：

• bg-fixed：此类用于固定相对于视口的背景图像。
• bg-local：该类用于滚动背景图像与容器和视口。
• bg-scroll：该类用于随视口滚动背景图像，但不随容器滚动。

句法：

    ...

示例 1：以下示例演示了使用bg-fixed类固定相对于视口的背景图像。

HTML

  

    

  

    

        GeeksforGeeks
    
  
    Tailwind CSS Background Attachment Class
      
    

        

        
    

  

输出：

背景固定

示例 2：以下示例演示了使用bg-local使用容器和视口修复背景图像 财产。

输出：

bg-本地

示例 3：以下示例演示使用视口修复背景图像，而不是使用bg-scroll修复容器 财产。

输出：

bg-滚动