2012-09-04 39 views
0

我试图通过使用不透明,使表单字段背景只有20%的可见光重现类似this为我的网站上的一种形式输入,但是当我做到这一点还会影响内部的文本,以及何时输入内容。我如何才能将不透明度仅应用于背景?调整窗体背景的不透明度不改变

回答

2

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

另一种选择是将一些div与不透明度使用css位置,z-指数等,但在这种情况下,应该有一个,例如,DIV其中包含所有的内容,不应该是透明的,不透明度另一格在它附近

+0

我怎样才能改变整个图像的阿尔法?我制作了1px的白色背景,但我不知道如何将不透明度应用于背景。如果我使用不透明属性,则会使其全部不透明,并且看不到我的文本。 – Francesca

+0

取决于您的工具。我使用GIMP进行图像处理。但那不是我的强项。即使我几次做过这样的事情,我也无法说出这样的事情是怎么完成的)。但是,接触我的是,你错过了我。 1px图像必须是透明的。而且,你不需要放任何不透明。只需透明的PNG与所需的颜色 –

-1

给战场上的一个不同的类,并让不透明度为现场100%

+1

这是不行的。所有子元素将具有与父div相同的不透明度。字段必须位于具有opactiy的元素外部以便100%可见。 –

+0

@FAngel感谢您的评论 – Wazan