通过与背景颜色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的透明度

回答

相关问题