Css 为什么Opera浏览器会剪切一些图片？

现在，我的网站的公文包部分正确显示了前三名的图片。但在Opera浏览器中，它会“裁剪”其余图像的顶部和底部，只留下每个图像的中间部分。所有其他浏览器都会正确显示公文包部分中的每张图片。我尝试过在图片上乱涂边距和填充物，但运气不好。如果有人能帮我弄清楚到底发生了什么，我一定会非常感激的！=]单击以访问网站。

#公文包{ #portfolio { overflow: auto; display: block !important; /* aren't we kind… */ display: inline-block; /* …to IE6 :p */ } #portfolio a { float: left; margin: 3px; } 溢出：自动； 显示：阻止！重要；/*我们不是很好*/ 显示：内联块；/*…到IE6:p*/ } #投资组合a{ 浮动：左； 保证金：3倍； } 尝试：

要回答问题的“为什么？”部分，看起来浏览器中有一个bug，它是由某些内联元素的不透明度触发的。将显示模式设置为block将解决此问题

---

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

根据那个人告诉我的，他们使用的是最新版本的Opera。但我还没有试过，我试过的时候会告诉你的。我在Opera 11.01中看到过它，当时是最新的（“稳定版”），但现在可能有好几个版本。Opera更喜欢在野外有多个版本，而不是不喜欢有童车加油。我把它当作一个bug报告了。谢谢@reisio，11.01仍然是最新的稳定版本，尽管稳定并不意味着没有bug：-）。嗨，webinista，你有bug报告的问题ID吗？就在今天早上，我研究了一个非常类似的问题——事实上，我可能会给你的报告一点启发；）是的：DSK-327684（内部）非常感谢！我很抱歉没有早点回来，但这确实解决了问题。

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