Question

Magento(平均1.6.0.0)

In Chrome 14.0 / Safari 5.1 [Win7 32x] there is 1px of white space, Chrome

In Firefox, Opera and IE looks fine.

Firefox

我非常沮丧,试图解决这一问题。页: 1

/* 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 is 950px range.

<条形状>bkg_main2.gif 为962px 和653px ,但左边和右边有6px 影子,中心有950px 。

因此,一切都应受到罚款。

Any idea where is the problem ?! Thank you for any good thought.

Answer 1

下面是trick:

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

这应当纠正所有网络浏览器的背景调整。让我知道,它是如何做到的。

友情链接