長年にわたりこれを理解しようとしてきたので、何時間も解決策を探してきました。スタックオーバーフローやその他のさまざまなウェブサイトで私がここに遭遇したすべてを試してみました。CSSトランジションを使用したブートストラップ
問題がピクセルの丸め、ブートストラップ、またはCSSの移行のいずれであるかわかりません。
これはよくある問題で、ブラウザの画像グリッドとの1pxのギャップが特に大きかったようです。
自体は完璧に動作し、細かいスケールグリッドは、しかし、私はホバーキャプションのためのいくつかのコードを追加しましたし、それは私が試したものと問題を起こすようです。
ホバー状態コードは、ここから位置していた:Image caption Hover animation
、これは何が起こっているかの実施例である - 私は誰かが推奨-webkit-backface-visibility: hidden;
を追加しようとしたWorking Example
が、私は完全に困惑しています、I Chrome、Firefox、Safariで同じ問題が発生します。