firefoxs在内容框的边缘呈现出一定宽度的细灰线 - 为什么? [英] firefoxs renders thin grey lines at content box edges of a png at certain widths - why?
问题描述
这种现象发生在没有CSS样式标记 - 在下面的HTML例子中,CSS用于说明灰线的位置 - 看起来很清楚,灰线出现在内容框本身的边缘。
我很难想象这是一个真正的Firefox的错误,我想知道我忽略了什么概念或不抓住...
谢谢为您的时间和任何建议/想法...
可以看到图片这里 http://datlisp.blogspot.com/2009/02/img-width-tag-and-firefox-rendering-of.html html: 看到有什么不对。 也许这是视频驱动程序的问题?我相信firefox(和cairo,它使用的图形库)利用硬件加速平滑调整图像的大小,不幸的是你不能禁用它AFAIK。 尝试日志记录通过远程协议来绕过视频卡并检查出来。 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:
Using your demo page and image I wasn't able to see anything wrong. Maybe it's problem with video drivers? I believe firefox (and cairo, the graphics library it uses) takes advantage of hardware acceleration to resize images smoothly, and unfortunately you can't disable it AFAIK. Try logging in through a remote protocol to go around the video card and check it out.
At least you can get some peace of mind. :) 这篇关于firefoxs在内容框的边缘呈现出一定宽度的细灰线 - 为什么?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
< HTML>
< head>< title> pngs问题< / title>< / head>
< body>
< div style =border-color:red; border-width:thin; border-style:solid;
padding:2px>
width =50%
style =border-color:blue; border-width :thin; border-style:solid;
padding:2px;/>
< / div>
< / body>< / 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>