弯曲侧面和溢流的潜水:隐藏在Chrome和Safari中

Div with a curved side and overflow:hidden in Chrome and Safari

本文关键字：隐藏 Chrome Safari 潜水 侧面 弯曲      更新时间：2023-09-26

以下是我想要实现的目标：http://jsfiddle.net/ShKNu/5/

如您所见，mapdiv加载在maindiv的顶部，但overflow:hidden仅适用于Firefox和IE。在Chrome和Safari中，map不会被截断，而是重叠到headerdiv中。

  • 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;
}
相关文章：