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

发布于 2024-10-15 13:56:35 字数 217 浏览 7 评论 0原文

现在，我网站的作品集部分已正确显示前三张图像。但在 Opera 浏览器中，它会“裁剪”其余图像的顶部和底部，只留下每个图像的中间部分来显示。所有其他浏览器都能正确显示作品集部分中的每张图片。我尝试过调整图片的边距和填充，但没有成功。如果有人能帮助我弄清楚发生了什么事，我一定会很感激！ =] 单击此处访问该网站。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

旧街凉风 2024-10-22 13:56:35

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

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

回复收藏 0 原文

噩梦成真你也成魔 2024-10-22 13:56:35

尝试：

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

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

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

Try:

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

To answer the "Why?" part of your question, it looks like there's a bug in the browser that's triggered by opacity on some inline elements. Setting the display mode to block will work around it.

Also: which version of Opera are you using?

回复收藏 0 原文

~没有更多了~