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

あなたの問題は、要素の親のposition:fixedから発生します。

私は、固定要素がここ

はFFで動作するアンカーのは絶対に位置付けされた updated fiddleです...下の層と混合しないことはできないと思います。 Chromeで

、あなたがビデオと同じレベルにある要素を設定する必要がありそうです - >同じコンテナ内の...

fiddle for chrome