为什么Opera浏览器裁剪一些图片?

时间:2011-02-02 21:43:02

标签: css opera padding margin image

目前,我网站的投资组合部分显示前三张图片正确显示。但是在Opera浏览器中,它“裁剪”其余图像的顶部和底部,只留下每个图像的中间部分。所有其他浏览器都能正确显示投资组合部分中的每张图片。我已经尝试弄乱图片上的边距和填充而没有运气。如果有人能帮我弄清楚发生了什么,我一定会很感激! =]点击here即可访问该网站。

2 个答案:

答案 0 :(得分:0)

#portfolio {
    overflow: auto;
    display: block !important; /* aren't we kind… */
    display: inline-block; /* …to IE6 :p */
}
#portfolio a {
    float: left;
    margin: 3px;
}

答案 1 :(得分:0)

尝试:

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

回答“为什么?”你的问题的一部分,看起来浏览器中有一个由一些内联元素的不透明度触发的错误。将显示模式设置为阻止将解决此问题。

另外:您使用的是哪个版本的Opera?