Javascript 谷歌地图渲染后不考虑边界半径

Javascript 谷歌地图渲染后不考虑边界半径,javascript,google-maps,google-chrome,google-maps-api-3,Javascript,Google Maps,Google Chrome,Google Maps Api 3,这里有个奇怪的问题,请帮忙 我有一个页面,里面有出租房屋和谷歌地图。所有房屋信息和图像都是由php/SQL生成的,因此和结构是相同的 我用overflow:hidden将每栋房子藏在一个小隔间里,以此来控制住每栋房子。我还把border radius放在那个div上。在谷歌地图加载之前,一切都能正常工作1秒 问题在于谷歌地图加载后,一些图片会忽略边框半径CSS设置以及这些图片/拇指的可见部分“跳出”-(而不是图片的隐藏部分)。我看到边界消失在角落后面,但图像不再考虑边界半径 编辑1:这只发生在C

这里有个奇怪的问题,请帮忙

我有一个页面,里面有出租房屋和谷歌地图。
所有房屋信息和图像都是由php/SQL生成的,因此
  • 结构是相同的

    我用
    overflow:hidden
    将每栋房子藏在一个小隔间里,以此来控制住每栋房子。我还把
    border radius
    放在那个div上。在谷歌地图加载之前,一切都能正常工作1秒

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

    编辑1:这只发生在Chrome中

    答案:它似乎是一个webkit,但是。看

    “从img元素中删除
    位置:绝对
    声明似乎可以解决这个问题”-谢谢@Boaz

    这里发生了什么?有更好的方法吗? 谢谢


    谢谢你的帮助。这是一个Chrome bug


    “从img元素中删除
    位置:绝对
    声明似乎可以解决这个问题。”–Boaz


    更多信息

    你能看到这些元素仍然应用了CSS吗?嗨@Ian,是的。我看到div的边界与半径保持不变,而且在开发者工具上,在没有活动链接或代码的情况下进行调试是一个错误。从
    img
    元素中删除
    position:absolute
    声明似乎可以解决此问题。