gpt4 book ai didi

html - 通过具有背景颜色的 div 实现透明度

转载 作者:行者123 更新时间:2023-11-28 12:37:48 24 4
gpt4 key购买 nike

我的透明效果有一个特殊问题。因为我在 body 背景上有一个背景图像,所以我希望它在每个白色区域都以不透明的方式显示。问题是,如果我的元素(在本例中为输入字段)的父元素具有背景色,它就不起作用。由于我不知道如何用谷歌搜索这个问题,所以我希望这里有人能帮助我。

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

<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

提前感谢您的帮助,祝您有愉快的一天。

最佳答案

我不推荐使用行内样式,但是一个让输入框透明的例子:

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

关于html - 通过具有背景颜色的 div 实现透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17884658/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com