firefoxs在一定寬度的png內容框邊緣呈現細灰線 - 爲什麼？

當firefox（3.0.6）以特定寬度（例如50％）呈現png圖像時，沿着內容框的左邊緣和頂邊顯示一條細灰線。該線消失在其他寬度（例如，70％）。此外，該線似乎並不存在於原始圖像中（使用gimp來檢查圖像）。firefoxs在一定寬度的png內容框邊緣呈現細灰線 - 爲什麼？

這種現象發生在沒有CSS樣式標記的情況下 - 在下面的HTML示例中，CSS存在以闡明灰線的位置 - 看起來很清楚，灰線出現在邊緣內容框本身。

我也很難想象這是一個真正的Firefox的錯誤，我想知道我俯瞰什麼概念還是不抓？

感謝您的時間和任何建議/想法...

的圖像可以看出here 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>

來源

2009-02-11 dat

我在查看原始圖像時看不到此內容。這聽起來像是一個關於mozilla支持論壇的bug報告/問題，而不是編程問題。 – 2009-02-11 18:23:24

你們沒有一個圖像鏈接工作。我最終在一個頁面上寫着「你不能從這裏做到這一點」。防火牆還是什麼？ – sblundy 2009-02-11 18:23:37

重新加載圖像，一旦你到達頁面 - 這是一個盜鏈的東西。 – 2009-02-11 18:27:30

使用您的演示頁面和圖像我沒能看到什麼問題。

也許這是視頻驅動程序的問題？我相信firefox（和cairo，它使用的圖形庫）利用硬件加速來平滑調整圖像大小，不幸的是，您無法禁用它AFAIK。

嘗試通過遠程協議登錄來繞過視頻卡並檢查出來。至少你可以得到一些安心。 :)

來源

2009-02-13 03:04:25

將圖像保存爲PNG-24。在嘗試在瀏覽器中動態調整PNG-8圖像大小時，我遇到了像素失真的類似問題。

此外，我不確定這是否適用於您的特定情況，但如果可能的話，您應該在圖像顯示到瀏覽器之前調整其大小。依靠瀏覽器調整大小會導致失真，並且如果您嘗試以較小格式顯示超大圖像，可能會增加帶寬使用率。

來源

2009-02-13 02:06:40

我有一個類似的問題，我一直在努力的圖片庫（對不起，不能鏈接，因爲我是新來的）。縮略圖圖像顯示的實際大小沒有html/css調整大小。

有時它們會在圖像div和陰影背景之間的右側和底部獲得1像素寬的線條。我們花了一段時間才弄清楚爲什麼它有時只發生，但我們縮小到Firefox縮放設置。

如果您在Firefox中放大頁面（ctrl和mousewheel，或ctrl和+/-），那麼就像您的情況一樣，它們會出現在特定的縮放級別。重置爲100％縮放（ctrl和0）每次爲我們固定它，但不幫助使用縮放功能的人。

來源

2009-05-20 23:22:36

當在div標籤中顯示.png圖像時，我遇到了類似的問題。圖像側面呈現一條細細的黑色線條。爲了解決這個問題，我不得不添加下面的CSS樣式：box-shadow: none;

來源

2014-03-04 20:31:24 Zerato

firefoxs在一定寬度的png內容框邊緣呈現細灰線 - 爲什麼？

回答

相關問題