gpt4 book ai didi

image - firefox 在 png 的内容框边缘以特定宽度呈现灰色细线 - 为什么?

转载 作者:行者123 更新时间:2023-12-04 16:15:10 25 4
gpt4 key购买 nike

当 firefox (3.0.6) 以特定宽度(例如 50%)呈现 png 图像时,内容框的左边缘和上边缘会显示一条灰色细线。线条在其他宽度处消失(例如,70%)。此外,这条线似乎不存在于原始图像中(使用 gimp 检查图像)。

这种现象发生在没有 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>

最佳答案

将图像保存为 PNG-24。尝试在浏览器中动态调整 PNG-8 图像大小时,我遇到过类似的像素失真问题。

此外,我不确定这是否适用于您的特定情况,但如果可能,您应该在图像显示到浏览器之前调整图像的大小。如果您尝试以较小的格式显示非常大的图像,则依靠浏览器调整大小会导致失真并可能增加带宽使用。

更多信息:http://graphicssoft.about.com/od/aboutgraphics/l/blresizehtml.htm

关于image - firefox 在 png 的内容框边缘以特定宽度呈现灰色细线 - 为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/538082/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com