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
声明似乎可以解决此问题。