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。

在Chrome中，您似乎需要将元素设置为与视频相同的级别 - ＆gt;在同一个容器内...

fiddle for chrome