magento - webkit 上的默认主题多 1px

Question

Magento（版本 1.6.0.0）默认前端主题/皮肤，

在 Chrome 14.0 / Safari 5.1 [Win7 32x] 中有 1px 的空白，

在 Firefox、Opera 和 IE 中看起来不错。

当然，您可以在 http://demo.magentocommerce.com/

非常令人沮丧，我正在尝试解决该问题。正如我所见...

/* skin/frontend/default/default/css/styles.css, line 100 */

.main { 
   width:900px; 
   margin:0 auto; 
   min-height:400px; 
   padding:25px 25px 80px; 
   background:#fffffe url(../images/bkg_main2.gif) 0 0 no-repeat; 
   text-align:left; 
}

.main div 宽 950px。

bkg_main2.gif 宽 962px，高 653px，但左右两侧有 6px 阴影，中心空白区域宽 950px。

所以，一切都应该没问题。

知道问题出在哪里吗？ 谢谢你的任何好主意。

Answer 1

以下应该可以解决问题：

@media screen and (-webkit-min-device-pixel-ratio:0) {
.main { background: url("../images/bkg_main2.gif") no-repeat scroll -1px 0 #FFFFFE; }
}

这应该可以纠正所有 webkit 浏览器上的背景对齐。让我知道进展如何