html – 在Firefox中调整大小时图像被切断了

我目前正在一个网站上工作.如果在Firefox中查看,我注意到有些元素被切断了.我附上了一张图片,显示了问题.

下图是来自Firefox的jsfiddle截图.

复制它的代码位于：JSFIDDLE

它只是一个图像,具有使用CSS设置的percantage值.

.image-percent {
    width: 30%;
}

奇怪的是,有时候我能够重现这个bug,有时它会在添加随机HTML-Elements或其他CSS-Properties后消失.

任何人都已经遇到这种行为或知道解决方法,迫使Firefox以正确的方式调整图像大小？

解决方法

Firefox实现了非标准css属性图像渲染https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering

使用不同的值,此解决方案提供或多或少的适当结果：

image-rendering:optimizeQuality;

http://jsfiddle.net/jGKkB/

（编辑：ASP站长网）