HTML GIFの上に不明な行

私のウェブサイトではhttp://tsawebmaster1.hhstsa.com/chapter/indexa.htmlにありますが、私はgifのロボットアニメーション（赤のセクションにあります）の上に表示されるかすかな線に気付きました。私は境界、マージン、パディングを調査し、上記のどれもが原因ではないことを発見しました。HTML GIFの上に不明な行

これが何であり、どのようにそれを一般に防ぐことができるか、

出典

2016-03-20 Etan Ginsberg

下の画像を拡大/縮小してみると、その周りに黒い境界線ができています。 – Dev

CSSとは関係がありません。画像自体に黒い境界があります。ズーム& ボーダーを参照してください。

img { 
outline: 1px solid white; 
outline-offset: -4px; 
}

参考リンク：http://jsfiddle.net/ThinkingStiff/bNmzB/

[応じてアウトライン&色を調整し、これは確かに動作するはず]

幸運&このことができます願っています。

出典

2016-03-20 15:03:08 Dev

あなたのページの下の罫線に表示されない理由はわかりませんが、そこにもあります。 –

画像を1pxだけにトリミングするだけです。 – Dev

問題は、200以上の画像を持つgifなので、それぞれを編集するのは少し実用的ではないということです。 CSSを使ってGIF全体を切り抜く方法はありますか？ –

答えて

関連する問題