我在另一个div中彼此相邻有3个div。
当我将鼠标悬停在div上时,div弹出。
那是可行的,但是正如您在图像中看到的那样,div的内容被其父div(红色/粉红色的竖线)剪切掉了。
如何使内容可见?
.pakket {
width: 291px;
height: 371px;
border: 1px solid #F5F5EF;
float: left;
background: url(../images/view.png) no-repeat bottom right;
margin-left: -1px;
z-index: 1;
}
.pakket:hover {
background: #ffffff;
border: 1px solid #5A5858;
width: 315px;
height: 390px;
margin: -10px -13px -15px -12px;
z-index: 2;
position: relative;
}
根据您的要求,我认为这会更合适。
的CSS
.ma-main-container.col1-layout {
margin: 20px;
overflow:visible;
width: 100%;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句