以下是我想要实现的目标:http://jsfiddle.net/ShKNu/5/
如您所见,mapdiv加载在main
div的顶部,但overflow:hidden
仅适用于Firefox和IE。在Chrome和Safari中,map不会被截断,而是重叠到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;
}