Compositing and Blending is a CSS module that defines how shapes of different elements are combined into a single image.
| 规范 | 状态 | 注释 |
|---|---|---|
| Compositing and Blending Level 1 | 候选推荐 | 初始定义 |
background-blend-mode
property
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
background-blend-mode
|
Chrome 完整支持 35 | Edge 完整支持 79 | Firefox 完整支持 30 | IE 不支持 No | Opera 完整支持 22 | Safari 完整支持 8 | WebView Android 完整支持 ≤37 | Chrome Android 完整支持 35 | Firefox Android 完整支持 30 | Opera Android 完整支持 22 | Safari iOS 完整支持 8 | Samsung Internet Android 完整支持 3.0 |
完整支持
不支持
isolation
property
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
isolation
|
Chrome 完整支持 41 | Edge 完整支持 79 | Firefox 完整支持 36 | IE 不支持 No | Opera 完整支持 30 | Safari 完整支持 8 | WebView Android 完整支持 41 | Chrome Android 完整支持 41 | Firefox Android 完整支持 36 | Opera Android 完整支持 30 | Safari iOS 完整支持 8 | Samsung Internet Android 完整支持 4.0 |
完整支持
不支持
mix-blend-mode
property
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
mix-blend-mode
|
Chrome 完整支持 41 | Edge 完整支持 79 | Firefox 完整支持 32 | IE 不支持 No | Opera 完整支持 28 | Safari 完整支持 8 | WebView Android 完整支持 41 | Chrome Android 完整支持 41 | Firefox Android 完整支持 32 | Opera Android 完整支持 28 | Safari iOS 完整支持 8 | Samsung Internet Android 完整支持 4.0 |
| On SVG elements | Chrome 完整支持 41 | Edge 完整支持 79 | Firefox 完整支持 32 | IE 不支持 No | Opera 完整支持 28 | Safari 不支持 No | WebView Android 不支持 No | Chrome Android 不支持 No | Firefox Android 完整支持 32 | Opera Android 不支持 No | Safari iOS 不支持 No | Samsung Internet Android 不支持 No |
完整支持
不支持