CSS |隔离属性

CSS 中的隔离属性用于定义元素是否必须创建新的堆叠内容。它通过创建不同的堆栈元素来防止元素从背景中的元素获取混合模式。

笔记：

• Isolate 属性应用于元素的父级。
• Internet Explorer 不支持。

句法：

isolation: auto|isolate|initial|inherit;

属性值：

• auto：默认使用。它在需要时创建一个新的堆栈元素。它重置隔离并允许混合。
• 隔离：它防止元素混合。创建了一个新的堆叠元素。
• 初始：将隔离属性设置为其默认值。
• 继承：此属性是从其父级继承的。

例子：

    
        
        
    
      
    
        

              
            
Image without isolation
              
            
  
            

                
Image with isolation
                
            
        
    
                    

输出：

支持的浏览器： isolation 属性支持的浏览器如下：

• 谷歌浏览器 41.0
• 火狐 36.0
• 苹果浏览器
• 歌剧 30.0