是可能的事件来检测onChange用于<input type=“date”>,当用户使用图形日历和箭头或使用 keybord数目?
我只对VanillaJS解决方案感兴趣.
我有两个div不同的透明彩色背景.元素彼此重叠.
我想自定义重叠区域的颜色.
例如,我将红色和蓝色混合,不透明度为0.5,并希望重叠区域为黑色.可能吗?该解决方案将简化功能的实现.
为了更好地理解,例如:
.wrapper{
width: 200px;
height: 500px;
background-color: #fff;
position: relative;
}
.box{
width: 100%;
position: absolute;
}
.box-1{
top: 0px;
height: 250px;
background-color: rgba(181, 226, 163, 0.5);
}
.box-2{
background-color: rgba(183, 222, 241, 0.5);
top: 200px;
height: 300px;
}Run Code Online (Sandbox Code Playgroud)
<div class="wrapper">
<div class="box box-1">
</div>
<div class="box box-2">
</div>
</div>Run Code Online (Sandbox Code Playgroud)
更新:
重叠区域的高度未知,因此无法在高度上严格添加元素50px.问题是关于
自定义混合颜色.