为什么 Opera 浏览器会裁剪一些图片？答案

【问题标题】：Why is Opera browser cropping some of the pictures?为什么 Opera 浏览器会裁剪一些图片？
【发布时间】：2011-06-20 07:03:43
【问题描述】：

现在，我网站的投资组合部分的前三张图片正确显示。但是在 Opera 浏览器中，它会“裁剪”其余图像的顶部和底部，只留下每张图像的中间部分来显示。所有其他浏览器都正确显示投资组合部分中的每张图片。我试过弄乱图片的边距和填充，但没有运气。如果有人可以帮助我弄清楚发生了什么，我一定会很感激！ =] 点击here 进入网站。

【问题讨论】：

标签： css opera padding margin image

【解决方案1】：

试试：

#portfolio a.cboxElement{
    display:block;
    float:left;
    border:3px solid #fff;
}

回答“为什么？”作为您问题的一部分，浏览器中似乎存在由某些内联元素的不透明度触发的错误。将显示模式设置为阻止将解决它。

另外：您使用的是哪个版本的 Opera？

【讨论】：

据此人告诉我，他们使用的是最新版本的 Opera。但我还没有尝试过，我会在尝试时通知您。
我在 Opera 11.01 中看到了它，这是当时最新的（“稳定”），但此时可能是几个旧版本。 Opera 喜欢在野外拥有多个版本，而不是喜欢不出错。 :p
知道了。我已将其报告为错误。谢谢！ @reisio，11.01 仍然是最新的稳定版本，虽然稳定并不意味着没有错误 :-)。
您好 webinista，您有错误报告的问题 ID 吗？实际上，我今天早上就研究了一个非常相似的问题，我可能会给你的报告一个小小的刺激；）
是的：DSK-327684（它是内部的）

【解决方案2】：

#portfolio {
    溢出：自动；
    显示：块！重要； /* 我们不是很善良吗... */
    显示：内联块； /* ...到 IE6 :p */
}
#投资组合一个{
    向左飘浮;
    边距：3px；
}

【讨论】：

非常感谢！我很抱歉没有早点回来，但这确实解决了问题。