父div外部时子div内容不可见

著名的沃尔夫

弹出问题div

我在另一个div中彼此相邻有3个div。
当我将鼠标悬停在div上时,div弹出。
那是可行的,但是正如您在图像中看到的那样,div的内容被其父div(红色/粉红色的竖线)剪切掉了。
如何使内容可见?

完整的JS小提琴演示

.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;
}
divy3993

根据您的要求,我认为这会更合适。

演示

的CSS

.ma-main-container.col1-layout {
    margin: 20px;
    overflow:visible;
    width: 100%;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

重叠div时一个div不可见

来自分类Dev

仅在chrome中缩放内容时,DIV变得不可见,但仍可单击

来自分类Dev

DIV不可见?的JavaScript

来自分类Dev

下拉div不可见

来自分类Dev

JavaScript在单击时显示不可见的div

来自分类Dev

为什么我的HTML DIV在不可见的情况下将内容推入而不是在可见时将其显示在上方并遮盖其他内容?

来自分类Dev

当父部分在滚动上可见时动画 div

来自分类Dev

当内容将其按下时,使div可见

来自分类Dev

Godot:当父节点变为不可见节点时,作为Node2D子节点的Node保持可见

来自分类Dev

使 div 可见或不可见取决于条件

来自分类Dev

CSS悬停使div不可见

来自分类Dev

div在IE中不可见

来自分类Dev

CSS悬停使div不可见

来自分类Dev

如果不可见则显示div

来自分类Dev

如何使div边框的部分不可见

来自分类Dev

达到父div高度时滚动子div中的内容

来自分类Dev

在隐藏的div上添加可见的内容

来自分类Dev

当按钮clcik上的visible设置为false时,div不会不可见

来自分类Dev

当“覆盖” div无效时,如何阻止不可见元素被触发

来自分类Dev

UIWebview内容不可见

来自分类Dev

UIWebview内容不可见

来自分类Dev

jQuery使div在悬停时保持可见

来自分类Dev

当div填充/可见时触发事件

来自分类Dev

jQuery使div在悬停时保持可见

来自分类Dev

当div填充/可见时触发事件

来自分类Dev

当 <div> 可见时播放声音

来自分类Dev

Twitter Bootstrap div超出768px不可见

来自分类Dev

<div>元素的行为就像它在不可见的东西后面

来自分类Dev

div不可见,即使添加display:block之后