给定以下的标记和样式
div {
width: 300px;
height: 50px;
border: 1px solid black;
display: inline-block;
transition: all .1s ease-in-out;
background-color: white;
padding: 0px 5px;
}
div:hover {
transform: scale(1.2);
}
label {
/*position: relative;*/
}
<div>
<label>some random text</label>
</div>
<div>
<label>some random text</label>
</div>
元素上时,第二个
元素中的一些字母会被缩放的元素“隐藏”。然而,当在
label
具有除静态位置之外的位置,这会隐式地改变渲染方式,使其“置于顶部”其他元素,包括包含的div
。 - Joseph Marikle