0

デスクトップ用のスタイルシートとハンドヘルド用のスタイルシートがあります。Webページは、デスクトップに表示されると一部の画像を表示しますが、ハンドヘルドに表示されるとそれらの画像を非表示にします。このページは、デスクトップとハンドヘルドの両方用に設計されたように表示されます。

サーバーログを確認すると、ハンドヘルドは実際にはまだ画像を読み込んでおり、画像を表示していないことがわかります。2セットのWebページを維持することなく、ハンドヘルドが画像を必要としないため、画像が完全に読み込まれないようにする方法はありますか？スタイルシートだけを使ってそれを行うことはできますか？

前もって感謝します。

レイモンド

4

2 に答える 2

1

モバイルデバイスに表示したくない画像を背景画像として含めます。ブラウザのスタイルシートでは、次を使用できます

.element { 
    background: #FFF url('image.png') no-repeat left top; /* or whatever */
}

ハンドヘルドスタイルシートでは背景画像を設定しないため、正確な使用法によっては、

.element {
    display: none;
}

また

.element { 
    background: #FFF;
}

<img src="" />ただし、 CSSルールを使用して後で含める画像を削除することはできません（ただし、display: none気付いたように、画像の読み込みが停止することはありません）。

于 2010-03-28T12:18:31.750 に答える
0

マークアップの前に、 HTTPヘッダーごとにスタイルシートを送信します。

Link: <compact.css>; rel="stylesheet"; media="handheld"

その場合、最もよく使用されるハンドヘルドブラウザであるOperaは画像をロードしません。ただし、WebKit（Safari）は、非表示の要素の背景画像でさえも機能します。

于 2010-03-28T15:00:51.630 に答える