我目前正试图让嵌入式Google地图有圆角。该网站所针对的整个公司目前非常依赖于他们的win7 + ie8解决方案,他们的项目规划团队不知道在整个网站上包含圆角等简单内容并获得它的麻烦是什么麻烦在IE8中工作。
无论如何,我已经扫描了互联网并且尚未解决这个问题。我目前正在为网站的其余部分使用CSS3Pie库,下面列出了我尝试的最新解决方案(我在http://blog.bandit.co.nz/post/31510944554/how-to-round-the-corners-of-a-google-map-embed找到):
#mask {
overflow: hidden;
position: relative;
z-index: 99;
height: 500px;
width: 500px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(../PIE-1.0.0/PIE.htc);
}
#mask iframe {
position: absolute;
top: 0; left: 0;
z-index: 50;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(../PIE-1.0.0/PIE.htc);
}
可悲的是,这一直一直用于IE9,但没有进一步,所以我希望你们天才之前遇到过这个问题并且可以提供帮助。