прозрачный зачеркнутый текст

Мне нужно реализоватьпрозрачная зарисовка текста с помощью 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;
}
<h1>EXAMPLE</h1>

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

Ответы на вопрос(2)

Ваш ответ на вопрос