ここで奇妙な問題が発生しました。
賃貸住宅と Google マップが表示されたページがあります。
すべての家の情報と画像は php/SQL によって生成されるため、<li>構造<div>は同じです。
でdivに隠して、各家の親指をトリミングしましたoverflow:hidden。border-radiusそのdivにも入れました。Googleマップが読み込まれるまで、すべてが1秒間正常に機能します。
問題は、Googleマップがロードされた後、一部の写真がborder-radius CSS設定を無視し、それらの画像/親指の目に見える部分が「飛び出す」ことです-（ただし、画像の隠れた部分ではありません）. 角の後ろに境界線が消えているのがわかりますが、画像は境界線の半径を尊重しなくなりました。
EDIT_1 : これは Chrome でのみ発生しています。
ANSWER : Webkit のようですが。ここを参照してください。
「img要素から宣言を削除するposition:absoluteと、この問題が解決するようです」 - @Boazに感謝
ここで何が起きてるの？これを行うより良い方法はありますか？ありがとう
