1

css スプライトを使用して css メニューを作成しましたが、問題はスプライトにあり、バックグラウンドでのみ使用するインライン画像を使用しないため、ブラウザーで画像が無効になっている場合は何も表示されません。これに対する解決策はありますか？

例えば ​​：

このメニューを見て画像をオフにしてください: http://line25.com/wp-content/uploads/2009/css-menu/demo/demo.html (ブラウザで画像が無効になっていると表示されません)

このメニューはこの見積もりに反対です

画像を無効にしてウェブサイトが機能することを確認する

Creating a site that relies too heavily on images is never a good

考え。ほとんど過去のものですが、インターネットの速度が非常に遅いユーザーがまだいます。また、何らかの理由でユーザーが画像を無効にする必要がある場合でも、必要なすべてのコンテンツにアクセスできますか?

http://csswizardry.com/quick-tips/#tip-02

このタイプのナビゲーションを使用すべきではありませんか。

4

3 に答える 3

7

コンテンツ画像にスプライトを使用しないでください。それらは、プレゼンテーション層 (CSS) の背景画像であることに依存します。コンテンツをコンテンツ レイヤー (HTML) に配置します。

于 2009-10-01T14:27:55.850 に答える
2

1x1の透明なピクセル画像を作成し、スプライトのあるdiv内に配置できます。例えば：

<style type="text/css">
#linkContainer {background:url(images/sprite.gif) 0 50 no-repeat}
//sprite selection width/height, set cursor to pointer so users know its a link
#linkContainer img {width:50px;height:25px;cursor:pointer}  
<style>
<div id="buttonContainer"><img src="pixel.gif" alt="Your alt text"></div>
于 2009-10-18T22:06:21.843 に答える
-1

メニューに代替テキストが必要なのはなぜですか?

于 2009-10-01T14:27:09.470 に答える