在谷歌地图渲染后不考虑border-radius

时间:2013-05-10 18:36:24

标签: javascript google-maps google-chrome google-maps-api-3

奇怪的问题在这里,帮助apreciated。

我有一个填充房屋和Google地图的页面。
所有房屋信息和图片都是通过php / SQL生成的,因此<li><div>结构是相同的。

我把每个房子的拇指都用overflow:hidden隐藏在一个div中。我也把border-radius放在那个div上。所有工作都有效,持续1秒,直到加载谷歌地图。

问题:加载谷歌地图后,有些图片会忽略边框半径CSS设置,而这些图片/拇指的可见部分会“跳出来” - (但不是隐藏部分)图片) 。我看到边角消失在角落后面,但图像不再尊重边界半径了。

EDIT_1 :这只发生在Chrome中。

ANSWER :它似乎是一个webkit但是。见here
“从img元素中删除position:absolute声明似乎解决了这个问题” - 谢谢@Boaz

这里发生了什么?有没有更好的方法呢? 感谢

Screenshot here

Zoomed detail

1 个答案:

答案 0 :(得分:0)

谢谢你的帮助。这是一个Chrome错误。

从img元素中删除position:absolute声明似乎可以解决此问题。” - Boaz

更多信息here