сделать текст прозрачным с в div с черным фоном, но прозрачным текстом

Question

Я хочу сделать div с черным фоном, но текст должен быть прозрачным с красной рамкой. Есть идеи?

до сих пор я смог сделать свой текст прозрачным, но когда я добавляю цвет фона в div, он делает фоновый текст того же цвета.

See this fiddle

HTML:

<div class="text"> 
    <h1>EXPERIENCES</h1> 
</div> 

CSS:

.text { 
    position: absolute; 
    top: 0; 
    background-color: #000; 
    overflow: hidden; 
} 
.text h1 { 

    font-size: 112px; 
    -webkit-text-stroke-color: red; 
    -webkit-text-fill-color: transparent; 
    -webkit-text-stroke-width: 1px; 

} 

Answer 1

Try:

div { background:rgba(0,0,0,1); 
     color:rgba(255,255,255,0.5); 
     -webkit-text-stroke-color: red; 
     -webkit-text-stroke-width: 3px; 
     font-size:100px; 
    }