У меня есть хорошая идея, какой ответ будет, но я просто хочу сделать абсолютно уверенным.CSS3 - Режим смешивания между различными элементами HTML
У меня есть два элемента: div.glass
и div.sound
, оба содержат фоновое изображение. Можно ли установить режим смешивания для каждого div так, чтобы они взаимодействовали друг с другом? Например:
div.glass,
div.sound {
width: 597px;
height: 154px;
position: absolute;
}
div.glass {
background: url(glass.png) 0 0 no-repeat;
z-index: 9;
top: 5px;
left: 5px;
}
div.sound {
background: url(soundwave.png) 0 0 no-repeat;
z-index: 10;
blend-mode: multiply;
top: 50px;
left: 300px;
}
div.container {
position: relative;
}
<div class="container">
<div class="glass"></div>
<div class="sound"></div>
</div>
Что такое кросс-браузерная совместимость для mix-blend-mode? – Murphy1976
Насколько я знаю, то же самое, что и для background-blend-mode.Любой современный браузер, кроме IE http://caniuse.com/#feat=css-backgroundblendmode – vals