1

Mobile Safari と iOS を使用して Web ページをブラウズすると、単純ですが予期しないレンダリングの問題が発生します。

基本的に、私のページにはタブがあり、タブは 3 つの div と、タブの中央の div 内にある「a href」で構成されています。両側の div には背景が含まれ、中央のリンクには画像があります。何らかの理由で、a href の背景に Mobile Safari で黄色の横線が表示されます。

http://i.stack.imgur.com/jlKHf.jpg

デスクトップブラウザでは問題なく動作します：

[別のリンクを追加できませんでした。白っぽいはずです]

.TabPanelLinks_true {
    background: url(".../seltab-center.jpg") repeat-x scroll 0 0 transparent;
}

.TabPanelElement a {
    color: #5C5C5C;
    cursor: pointer;
    display: block;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
}

別の画像で試しましたが、成功しませんでした。背景を中央の div に追加しようとしましたが、成功しませんでした。何が起こっているのか分かりますか？

前もって感謝します。

4

2 に答える 2

0

私は iPad を持っていないので、これを実験する方法があればいいのにと思いますが、おそらくborder : none;?を指定します。

タブの「端」を絶対に配置された画像として単一のdivを試すことができますleft : 0...right : 0見た目は変わらないはずですが、問題を解決する可能性のある別の方法ですか? タブのグラフィックに透明な背景が必要な場合は、画像を絶対に div の外側に配置し、それに応じてマージン/パディングを調整できます。

于 2011-01-15T00:15:34.720 に答える
0

これは、背景レイヤーが正しくマスクされていないか、少なくともそれが私の問題であったためだと思います。複数の背景が重なり合っている場合に発生するようです。

iPad および iPhone Safari での div の単一/サブピクセルのずれ

そのスレッドの誰かのアドバイスに従って、これを追加しました

border: 1px solid transparent;

奇妙な行を取得していたdivに、それを修正しました。

于 2014-07-30T16:34:19.457 に答える