firefoxs描画し薄いグレーのラインでのコンテンツボックスエッジのpng一定幅います。

StackOverflow https://stackoverflow.com/questions/538082

質問

時firefox(3.0.6)を描画しpng画像で一定の幅（50%）は、薄い灰色の線は図の左上端のコンテンツ。のラインが消えで他の幅（例えば、70%).さらに、線るというのは元画像を用gimpの検査の画像）となっています。

の現象が起こる前にCSSスタイルのマークアップ--HTMLの例では、以下のCSSは、現在の所在を明確化を灰色の線があ--いことが明らかになったといえよ灰色の線が現れる非コンテンツのボックスそのものです。

私は、時間を想像する旨のfirefoxのバグんにかける想いを眺めな把握...

お時間のあらゆる提案/思...

画像を見る こちらの http://datlisp.blogspot.com/2009/02/img-width-tag-and-firefox-rendering-of.html

html:

<html>
<head><title>problems with pngs</title></head>
<body>
<div style="border-color: red; border-width: thin; border-style: solid;
      padding: 2px">
<img src="http://imagebin.ca/img/ato4dM.png"
    width="50%"
    style="border-color: blue; border-width: thin; border-style: solid;
    padding: 2px;"/>    
</div>
</body></html>
役に立ちましたか？

解決

用デモンストレーションページや画像にする事が出来なかったら、もう何も見えが間違っている。

かもしれない問題をビデオドライバー?と思いfirefox(カイロのグラフィックスライブラリを使用)を活かしたハードウェア高速サイズ変更画像にスムーズにできませんで無効にすることもできAFAIK.

みログインによりリモートプロトコルの一部をビデオカードおよびチェックアウトしました。少なくともきも安心です。:)

他のヒント

PNG-24としてあなたのイメージを保存します。ブラウザで動的にPNG-8画像のサイズを変更しようとしたとき、私はピクセルの歪みと同様の問題があった。

また、私はこれはあなたの特定の状況で動作するかどうかわからないんだけど、可能な場合は、それらがブラウザに表示される前に画像のサイズを変更する必要があります。歪みにリードをリサイズブラウザに頼るとあなたが小さい形式で非常に大きな画像を表示しようとしている場合、帯域幅の使用量を増やすことがあります。

詳細情報： http://graphicssoft.about.com/od/ aboutgraphics / L / blresizehtml.htm の

私は、私が働いてきた画像ギャラリー（私は新たなんだと申し訳ありませんが、リンクすることはできません）と同様の問題を持っていました。サムネイル画像がないHTML / CSSのサイズ変更が起こっていないと実際のサイズを表示している。

時には画像DIVとドロップシャドウ背景との間の右と下部に1ピクセル幅のラインを得ます。それはそれだけで時々起こった理由を動作するように私たちにしばらく時間がかかったが、我々はFirefoxのズーム設定にそれを絞り込んます。

あなたは、ちょうど彼らが特定のズームレベルで表示され、あなたのケースのようにFirefoxの（Ctrlキーとマウスホイール、またはCtrlと+/-）でページをズームした場合。 100％のズームに戻す（Ctrlキーと0）は、私たちのためにそれを毎回固定ではなく、ズーム機能を使用する人々を助けるません。

DIVタグでの.png、画像を表示する場合、

私は同様の問題がありました。薄い黒線は、像側に描画しました。それを修正するために、私は次のCSSスタイルを追加する必要がありました：box-shadow: none;

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top