Прозрачное зачеркивание текста

Мне нужно реализовать прозрачное зачеркивание текста с помощью CSS, поэтому не придется заменять тег <H1> на тега <IMG>.
Мне удалось реализовать линии через текст с помощью CSS, но я не могу сделать его прозрачным.

Желаемый эффект:

Вот мой код:

body{
    background: url(http://lorempixel.com/output/people-q-c-640-480-1.jpg);
    background-size:cover;
}
h1{
    font-family:arial;
    position:relative;
    display:inline-block;
}
h1:after{
    content:'';
    position:absolute;
    width:100%;
    height:2px;
    left:0; top:17px;
    background:#fff;
}    

html

<h1>EXAMPLE</h1>    

Как я могу реализовать прозрачное зачеркивание моего текста, которое позволяет в фоновом режиме появляться в этой строке. @Kael

комментарии:

это образ, который, скорее всего, создан в Illustrator, где был обтравочной маской, использованный для "вырезания" этой линии по всему тексту, позволяя тем самым видеть фон за ним. Не может быть сделано в HTML и CSS – @Chris M

@Chris M думал, что "cut out" эффект часто не достижим с помощью CSS,

это одно. – @web-tiki

@веб-тики ОК, я думаю, технически, вы выполняли его с хаком. Ты на самом деле пишешь два слова для отрезание частей. Я не понимаю, почему line-height:0 сдвигает текст вверх, показывая нижнюю половину вместо верхней. – @Chris M

@ChrisM ну это все зависит от того, что вы считаете халтурой. Код CSS/HTML является действительным, согласно стандарта W3, в моей реализации. Текст показывает только нижнюю часть, именно из-за line-height:0, это вертикально центрирует текст в верхней части контейнера и, как я установил overlow:hidden в контейнере, только в нижней части текста. – @web-tiki

ага! Я буду играть с line-height. это не правило, я очень часто использовал. Я думаю, когда применяют line-height:0 вcё его содержимое полностью исчезает. Очевидно, что это не так. @Chris M

@ChrisM не скрывает его полностью, потому что я задаю высоту элемента. overflow:hidden; свойство прячет в зависимости от высоты, но не в зависимости от line-height @web-tiki

Источник: transparent strikethrought on text