2011-12-05 13 views
0

現在、iOSデバイス(主にiPads)でうまく表示する必要があるサイトで作業しています。背景イメージとしてスプライトを使用するもの以外はすべて正常に動作します。高さ/幅が正確であり、すべてのブラウザではなく、iOSのバージョン4.3.2で、私は次の取得の下に動作します:CSSスプライトとiOS 4.3以下

ここでは、これら二つの要素のCSSれる:

#masthead > a { 
    float: left; 
    display: block; 
    margin: 23px 80px 20px 5px; 
    padding: 0; 
    width: 235px; 
    height: 20px; 
    background: url(../../img/sprite.png) 0 0 no-repeat; 
} 

がここにスクリーンショットです:

そして、これはスプライトシートです:

答えて

0

画像が滲むように見えます。スプライト内の画像の間に空白を残す必要があります。

も参照してくださいhttps://stackoverflow.com/a/646981/567986

+0

それは完璧です、ありがとう!私はiPadやもののズームに問題があったことに気付かなかった。それは多くの意味があります。 –

+0

ズームするとデスクトップブラウザで同じ問題が発生します。しかし、ほとんどの人はタブレットではなく、デスクトップをズームしません。 – Gerben

0

overflowの問題があるようです。追加

試してみてください。

overflow: hidden; 

は、私たちが見ている可能性がライブURLはありますか?

+0

申し訳ありませんが、私は現時点ではお見せすることができますURLを持っていません。オーバーフロー:隠された;修正はうまくいきませんでした。 –

+0

'line-height:0; font-size:0; '? – peduarte