CSS-свойство background-clip: у меня не работает текст в Chrome или Safari

Question

Я не понимаю, почему свойство background-clip не работает в Chrome и Safari.

Я пытаюсь поставить префикс -webkit, но это не помогает.

Страница находится здесь http://pierredebroux.be/charleroi/

код в основном:

 <div id="laphoto" class="image2">
   <div id="zz">
    <h1>OBSERVER CHARLEROI</h1>
  </div>


     .image2 {
     position: fixed;
        width:100%;
        height: 100%;
        background: url(img/a.jpg) 50% 50%;
        background-size: cover;
        background-clip:text;
        color:transparent;
        opacity: 0;
        filter:blur(2px)
    }

   h1 {
     font-size: 190px;
    line-height: 180px;
  }

Спасибо, Pierre

Answer 1

Я полагаю, минутная ошибка в вашем коде opacity:0;. Это сделает фон невидимым. попробуйте удалить его. Также префикс -webkit- требуется для background-clip:text;. Я приложил кодовое перо для справки.