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

【问题标题】：magento - default theme with 1px more at webkitmagento - webkit 上的默认主题多 1px
【发布时间】：2011-10-24 22:29:43
【问题描述】：

Magento (ver. 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 的宽度为 950 像素。

bkg_main2.gif 宽 962px，高 653px，但左右两边有 6px 的阴影，中间的空白是 950px 宽。

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

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

【问题讨论】：

标签： css magento webkit themes

【解决方案1】：

以下应该可以解决问题：

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

这应该更正所有 webkit 浏览器上的背景对齐。告诉我进展如何

【讨论】：