私は現在、IE9 と magento の問題を解決しようとしています。下のスクリーンショットで問題がよりよく説明されています (これは FireFox/Opera/Chrome で問題ありません) またはここhttp://foscamuk.co.uk/indoor-ip-cameras .html :
これは明らかに 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; }
私はあなたの注意を引いていますが、このページでも、下部のツールバーを見ると、リスト画像が本来あるべき場所の下にあるように見えます - 上部のツールバーとまったく同じコードを実行しているため、なぜこれが起こっているのか完全にはわかりません.
助けてくれてありがとう