firefoxs 在 png 的内容框边缘以特定宽度渲染细灰色线 - 为什么？

发布于 2024-07-13 22:12:21 字数 1076 浏览 4 评论 0原文

当 firefox (3.0.6) 以特定宽度（例如 50%）渲染 png 图像时，内容框的左边缘和上边缘会显示一条细灰色线。该线在其他宽度（例如 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>

原文

When firefox (3.0.6) renders a png image at certain widths (e.g., 50%), a thin grey line is shown along the left and top edges of the content box. The line disappears at other widths (e.g., 70%). Furthermore, the line doesn't seem to be present in the original image (using gimp to inspect the image).

The phenomenon occurs in the absence of the CSS style markup -- in the HTML example below, the CSS is present to clarify where the grey lines are located -- it seems clear that the grey lines are appearing at the very edge of the content box itself.

I have a hard time imagining this is a bona fide firefox bug and am wondering what concept I'm overlooking or not grasping...

Thanks for your time and any suggestions/thoughts...

The images can be seen 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>

分享到QQ

分享到微博