混合混合模式出血

Question

我有一个div，其中包含一些文本和一个背景图像，并与混合混合模式混合：变暗。 但是，背景图像在文本外部渗出。 我使用Orbitron-Black作为字体，但看不到有什么不同！ 这是我的代码。

 .big-text { width: 100%; height: 500px; float: left; margin: 80px 10% 0 10%; position: relative } .text-parallax { background: url('https://iam.theweb.engineer/assets/text-1.jpg') no-repeat 0 0; display: inline-block } .text-parallax-content { font-family: 'Orbitron-Black', sans-serif; font-weight: 700; font-size: 8.8em; line-height: 120%; overflow: hidden; margin-bottom: 0; background: #232323; color: #fff; mix-blend-mode: darken; -ms-mix-blend-mode: darken } 

 <div id="home" class="section"> <section class="big-text"> <div class="container"> <div class="text-parallax" data-stellar-background-ratio="0.86"> <div class="text-parallax-content">Bleeding Text</div> </div> </div> </section> </div> 

我在这里摆弄。 小提琴