如何更正 IE 中同位素页面显示的样式?

发布于 2024-12-10 03:40:58 字数 505 浏览 1 评论 0原文

我正在开发一个简单的网站,使用 Twitter 的 Bootstrap css 框架来实现基本样式(不知道这是否是相关信息)。

我使用 isotope.js 制作了一个简单的可过滤产品页面,该页面在我的 Mac 上的 Chrome、Safari 和 Firefox 中按预期工作。然而,IE8 和 IE9 中发生了一些奇怪的事情;图像全部皱缩(它们应该是方形的,使用 WP 特色图像功能),请参阅图像

该网站的 URL 为: http://www.nieuwkerkonline.nl/het-bedrijf/producten /

有谁知道是什么原因造成的,以及我如何解决它?我可以忍受圆角和其他 CSS3 优点被忽略的事实,但图片肯定需要正确显示。

任何帮助将不胜感激。

I'm working on a simple website using Twitter's Bootstrap css framework for the basic styling (don't know if this is relevant info).

I've made a simple filterable products page using isotope.js, which is working as expected in Chrome, Safari and Firefox on my Mac. However, something weird is happening in IE8 and IE9; the images get all scrunched up (they should be square, using WP featured image function), see image.

The URL of the site is: http://www.nieuwkerkonline.nl/het-bedrijf/producten/

Does anyone know what is causing this, and how I may be able to resolve it? The fact that the rounded corners and other CSS3 goodness get left out, I can live with, but the pictures defninitely need to display properly.

Any help would be greatly appreciated.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

柒七 2024-12-17 03:40:58

尝试添加

float:left;
overflow:hidden;

到您的 css.post.entry-content

try adding

float:left;
overflow:hidden;

to your css classes .post and .entry-content

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文