私はしばらくの間見回してきましたが、この特定の問題を解決する解決策を見つけることができません。Web ページに画像 ( <img...>) があり、画像を読み込むと、画像の外側の端に 1 ピクセルの白一色 (または非常に薄い灰色) のアウトライン/境界線が表示されます。画像の周りではなく、最も外側のピクセルにあります。
関連する CSS は次のとおりです。
cursor: pointer;
display: inline-block;
float: left
使ってみました
border: none
border: 0
outline: none
outline: 0
-webkit-border-before: 0px solid #fff
-webkit-border-after: 0px solid #fff
白い線の一部を消す唯一の方法は、境界線の半径を大きくして画像の角を切り取ることです。このアウトラインが画像にないことを確認し、再確認しました。
元の画像:
この画像 (および同じ問題のない他の同様の画像) を含む div には、次のような css があります (これが役立つ場合):
text-align: center;
height: 60px;
display: inline-block;
position: absolute;
width: 270px;
bottom: 0px;
left: 0px;
padding: 0px 20px;