transparenter durchgestrichener Text

Ich muss ein implementierentransparenter durchgestrichener Text mit CSS so muss ich das nicht ersetzen<h1> tag von einem<img> Etikett. Ich habe es geschafft, mit CSS einen Line-Through für den Text zu implementieren, kann ihn aber nicht transparent machen.

Der gewünschte Effekt:

Was ich habe :

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>

Wie kann ich das umsetzen?transparente Strikethrought, die meinen Text extrudiert und lässt den Hintergrund in dieser Zeile erscheinen.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage