css - 在不更改输入的情况下调整表单背景的不透明度

标签 css opacity

我正在尝试重新创建类似 this 的内容对于我网站上的一个表单,通过使用不透明度使表单字段背景只有 20% 可见,但是当我这样做时,它也会影响内部的文本,以及当您输入内容时。如何应用不透明度只到背景?

最佳答案

不透明度将始终影响所有包含的(子)标签。您可以在背景中放置具有所需颜色和 20% 可见度的 1px png 图像(或者,如果那是一些图像,而不仅仅是纯色 - 更改整个图像的 alpha)。看起来这就是你所需要的(我终于明白我应该看图片而不是你的链接提供的网站设计))

另一种选择是使用 css 位置、z-index 等将一些不透明的 div 放在其他标签下面。但在这种情况下,应该有一个 div,例如,包含所有不应该透明的内容的 div 和另一个 div附近有不透明度

关于css - 在不更改输入的情况下调整表单背景的不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12262615/

相关文章:

CSS3 背景图像过渡

css - 在不影响子元素的情况下设置背景图片的不透明度

javascript - jQuery:在悬停在附近的元素上时更改不透明度

html - 使用自动生成的数字的 CSS 继承

jquery - 如何在固定时间间隔后滑动文本

javascript - Bootstrap下拉菜单点击后消失

html - 如何更改 Canvas 元素中元素的不透明度(alpha、透明度)?

jQuery:你能用 jQuery 找到所选元素的不透明度吗?

opacity - kineticjs - 为不透明度 > 0 的像素创建图像区域,而不仅仅是 1

php - 文本格式无法正常工作