通過與背景顏色div的透明度

我有一個特殊的問題，我的透明效果。由於我在身體背景上有一個背景圖像，我希望它通過每個白色區域顯示不透明度。問題是，如果我的元素（在這種情況下是輸入字段）具有背景顏色的父項，則不起作用。由於我不知道如何谷歌這個問題，我希望有人在這裏可以幫我一把。通過與背景顏色div的透明度

所以我會給你一個簡單的例子網頁向你展示我的問題：

<body style="background: url(./images/background.png) no-repeat center top fixed; background-color: #FFFFFF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;"> 
<div style="height:300px; opacity: 0.95;"> 
    <input type="text" value="test" style="height:200px; width: 100%"> 
</div> 
<div style="background-color:yellow; height:300px;"> 
    <input type="text" value="test" style="height:200px; width: 100%; opacity: 0.95;"> 
</div>

這裏是頁 http://haraldegger.com/show.png

感謝您的幫助提前，並有截圖美好的一天。

來源

2013-07-26 Harald Egger

這是因爲你需要背景色DIV的透明度：黃色; – Michael

謝謝你的幫助。我知道，當我設置div透明時，它會工作，但問題是我想只在輸入字段中具有透明度，而不是在外部div上。 –

'背景顏色：透明'而不是不透明（否則你的文字也會透明） – Pete

我不建議使用內聯樣式，但使輸入場透明的例子：

<input type="text" style="background:transparent">

在其他元素不透明度的CSS，在所有瀏覽器，方法是：

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
filter: alpha(opacity=50); 
-moz-opacity: 0.5; 
-khtml-opacity: 0.5; 
opacity: 0.5;

來源

2013-07-26 15:06:12

首先：感謝您的幫助。我發佈的代碼片段越短越好。當然，我也使用舊版瀏覽器的其他不透明定義。您對我的問題提出的解決方案的問題是背景：透明使輸入字段變爲黃色，由父背景顏色引起。我試圖達到的是跳過父元素的樣式。 –

通過與背景顏色div的透明度

回答

相關問題