这里奇怪的问题,帮助apreciated。
我有一个页面,里面有出租房屋和谷歌地图。
所有房屋信息和图像均由 php/SQL 生成,因此<li>
结构<div>
相同。
我通过将每个房子的拇指隐藏在一个带有overflow:hidden
. 我也border-radius
放在那个div上。在谷歌地图加载之前,一切正常 1 秒钟。
问题是在谷歌地图加载后,一些图片忽略了border-radius CSS设置和那些图像/拇指“跳出”的可见部分-(但不是图像的隐藏部分)。我看到边界消失在角落后面,但图像不再尊重边界半径。
EDIT_1:这只发生在 Chrome 中。
回答: 它似乎是一个 webkit 但是。见这里。
“从 img 元素中删除position:absolute
声明似乎可以解决这个问题” - 谢谢@Boaz
这里发生了什么?有更好的方法吗?谢谢