Necesito implementar untachado transparente en texto con CSS así que no tengo que reemplazar el<h1> etiqueta por un<img> etiqueta. He logrado implementar una línea en el texto con CSS, pero no puedo hacerlo transparente.

El efecto deseado:

Lo que tengo :

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>

¿Cómo puedo implementar eltachado transparente que saca mi texto y permite que el fondo aparezca en esta línea.