【问题标题】: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 浏览器上的背景对齐。告诉我进展如何

    【讨论】:

      猜你喜欢
      • 2010-12-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多