相关疑难解决方法(0)

我正在研究一个解决方案,我必须在上面显示一条错误消息(z-index).

该部分将css overflow属性设置为scroll或hidden.这导致错误消息在左侧被截断.

我非常希望保持DOM不变.有没有办法显示蓝色div"上方"错误消息的div.

Js小提琴

HTML:

<div>
<div id="div1">
    div 1
</div>
<div id="div2">
    div 2
    <div id="msgErreur">
        Error
    </div>
</div>
</div>

**CSS:**

#div1 { 
width : 48%;
border: 1px solid red;
height: 150px;
float:left;
}

#div2 { 
width : 48%;
border: 1px solid blue;
height: 150px;
float:right;
overflow-y:scroll;
 }

#msgErreur {
background:#942911;
color:white;
top:30px;
left: -10px;
width : 150px;
height : 30px;
position:relative;
z-index:5;
}