在css和html中将一层放在另一层之上

时间:2016-10-12 18:10:55

标签: html css html5 css3

正如问题所说,我试图将一层放在另一层之上,为了清楚解释,请参阅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">中的文字。

1 个答案:

答案 0 :(得分:4)

这是因为.booking的0.4不透明度也适用于它的所有孩子。如果您只是删除不透明度,它将按您希望的方式工作。

如果您还想要透明背景,可以在CSS中使用background属性rgba(0, 0, 0, 0.4),其中前三个parmas是RGB值,最后一个是alpha值,0是透明的。 / p>