1

私はしばらくの間見回してきましたが、この特定の問題を解決する解決策を見つけることができません。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;
4

2 に答える 2

2

ついに解決策を見つけました！

私はもともとimg、スプライトシートの画像を参照するクラスを含むものとして持っていました。imgタグをaに変更しdiv、元の参照を保持することにより、境界線が削除され、スプライトが正しく表示されます。

于 2013-02-27T22:29:13.357 に答える
-1

これを試すことができます：

border-width: 0px;
于 2013-02-27T21:36:04.317 に答える