0

我目前正在尝试找出 IE9 和 magento 的问题,下面的截图更好地解释了这个问题(这在 FireFox/Opera/Chrome 中很好)或这里http://foscamuk.co.uk/indoor-ip-cameras .htmlIE9 目录 Magento 问题

这显然是一个 IE 兼容性问题,但我不知道从哪里开始寻找,CSS 代码在这里:

.products-grid-container{ background:#fafafa; padding: 5px 0; border:1px solid #ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 3px #ccc; }
.products-grid { position:relative; }
.products-grid li.item { float: left; padding: 15px 5px; width: 160px; text-align:center; position: relative; background:url(../images/bg-li-product.png) 100% 10px no-repeat; }
.products-grid li.last{ background:none; }
.products-grid .product-image { display: block; height: 120px; margin: 0 0 15px 10px; width: 135px; }
.products-grid .product-name { color: #555; margin: 5px 0 17px; padding:0 10px; font-weight:400;  }
.products-grid .product-name a { color: #555; font-size:110%; }
.products-grid .product-name a:hover{color:#D92D37;text-decoration:none; font-weight:400;}
.products-grid .price-box { margin:5px 0; }
.products-grid .availability { line-height:21px; }
.products-grid .actions { background:url(../images/bg-action.png) 50% 100% no-repeat; padding:0 0 30px; }
.products-grid.last .actions{ background:none;}
.products-grid .actions .add-to-links { display:none; }

虽然我已经引起了您的注意,但也在此页面上,如果您查看底部工具栏,列表图像似乎位于它应该位于的下方 - 不完全确定为什么会发生这种情况,因为它运行的代码与顶部工具栏完全相同.

谢谢您的帮助

4

3 回答 3

3

您的列表项中有一个损坏的a标签。

当我查看源代码时,我发现了这个:<a href="http://foscamuk.co.uk/foscam-fi9821w.html" class="minimal-price-link">后面是一个结束的 div 标签。这应该可以解释您的 IE 问题。:)

于 2013-04-21T15:46:13.530 回答
1

您有一个显示一些错误的 Pie.js 尝试修复它。可能是它的冲突问题。尝试使用 noConflict

于 2013-04-21T14:10:15.603 回答
1

你的 a 标签没有结束

查看 :)

于 2013-04-21T18:01:54.670 回答