0

我的透明效果有一个特殊问题。由于我在身体背景上有一个背景图像，我希望它在每个白色区域都显示为不透明。问题是，如果我的元素（在本例中为输入字段）有一个具有背景颜色的父元素，则它不起作用。由于我不知道如何用谷歌搜索这个问题，我希望这里有人可以帮帮我。

所以我会给你一个简单的示例页面来向你展示我的问题：

<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的截图

提前感谢您的帮助，祝您有美好的一天。

4

1 回答 1

0

我不建议使用内联样式，而是让输入字段透明的示例：

<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-26T15:06:12.120 回答