使文本透明與div與黑色背景，但透明文本

我想使黑色背景的div，但文本應該是透明的紅色邊框。任何想法？使文本透明與div與黑色背景，但透明文本

直到現在我已經能夠讓我的文本透明，但是當我爲div添加背景色時，它使得文本背景具有相同的顏色。

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; 

}

來源

2014-11-06 Rahul

這是我迄今嘗試的http://jsfiddle.net/oo6cj7vb/ – Rahul 2014-11-06 00:42:20

可能的重複[如何使「看穿」文本？]（http://stackoverflow.com/questions/26642359/how-to - 製作 - 通透的文字） – Paul 2014-11-06 00:42:21

嘗試：

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; 
    }

來源

2014-11-06 00:44:13

使文本透明與div與黑色背景，但透明文本

回答

相關問題