mix-blend-mode не работает?

Question

Вдохновленный от этого example, создаю this который не работает. Пожалуйста, проверьте полный код от here.

a.videolink:link, { 
font-size: 50px; 
font-family: Arial, Helvetica, sans-serif; 
color: white; 
mix-blend-mode: exclusion; 
text-align: right; 
width: 350px; 
text-decoration: none; 
} 

<div style="position:fixed;left:150px;bottom:150px;"> 
<a id="videotittle" class="videolink" href="" target="_blank"> 
</a> 
</div> 

Answer 1

В FF ваша проблема исходит от position:fixed родителя вашего элемента.

Я думаю неподвижные элементы не могут сделать смешивать с нижними слоями ...

Вот updated fiddle где якорь был позиционирован абсолютно, который будет работать только в FF.

В хроме, кажется, вам нужно установить элемент на том же уровне, что и видео -> в том же контейнере ...

fiddle for chrome