正如问题所说,我试图将一层放在另一层之上,为了清楚解释,请参阅fiddle。我试图将<div class="booking">
放在<div class="inputtexts">
后面,但遗憾的是我做了相反的结果,导致影响图层<div class="inputtexts">
的亮度。我的意思是如果您可以移除小提琴中的<div class="booking">
,您可以看到<div class="inputtexts">
中的所有文字都变亮了。
这意味着<div class="booking">
位于<div class="inputtexts">
之上,但我想要的是将<div class="inputtexts">
置于<div class="booking">
之上,以便<div class="inputtexts">
中的文字。
答案 0 :(得分:4)
这是因为.booking
的0.4不透明度也适用于它的所有孩子。如果您只是删除不透明度,它将按您希望的方式工作。
如果您还想要透明背景,可以在CSS中使用background
属性rgba(0, 0, 0, 0.4)
,其中前三个parmas是RGB值,最后一个是alpha值,0是透明的。 / p>