如何设置溢出隐藏，但不影响某些元素

Question

我有溢出div隐藏在为了削减图像设置：

右侧（设备）的图像，但它的影响左边的弹出窗口必须在那里。

.hero { 
    position: relative; 
    padding: 32px 0 0; 
    min-height: 504px; 
    background: #D91A37 url(../images/flagscape-bg.jpg) 0 0/cover no-repeat; 
    overflow: hidden; 
} 

已应用弹出的z-index但它不是由于隐藏在红色的背景DIV溢出工作。

那么，有没有办法制定该规则，而不是触摸左侧的所有弹出窗口？

Answer 1

您应该使用position: absolute作为弹出窗口，以便在父窗口上定义的属性不会被弹出窗口继承。

你的代码应该是这样的：

.popup { 
    position: absolute: 
    top: 50px; 
    left: 20px; 
    z-index: 10; 
} 

并提供position: relative以上hero和popup一般的父母。