这是我想要完成的:http://jsfiddle.net/ShKNu/5/
如您所见, map div 加载在 main
div 之上,但 overflow:hidden
仅适用于 Firefox 和 IE。在 Chrome 和 Safari 中, map 没有被 chop ,而是重叠到 header
div 中。
- Firefox:工作
- IE:有效
- Chrome:不工作
- Safari:不起作用
有什么想法吗?
最佳答案
希望这是您要找的?
.main {
display:block;
background: #999;
width: 100%;
height: 500px;
margin-top: -30px;
overflow: hidden;
position:relative;
border-radius: 50% 50% 0 0 / 30px 30px 0 0;
-moz-border-radius: 50% 50% 0 0 / 30px 30px 0 0;
-webkit-border-radius: 50% 50% 0 0 / 30px 30px 0 0;
}
关于javascript - 带有 flex 边和溢出的 Div :hidden in Chrome and Safari,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17635812/