1

そこで私はソーシャル ネットワーク サイトを運営しており、ユーザーが独自の CSS エディター (スタイル ボックス) を使用してファン ページを編集できるようにするプラグインとモジュールをインストールしました。これはソーシャル エンジン用です。

私は元々、リンク用の画像を含むメインメニューを持っていましたが、html src vs css を介して参照されていました。つまり <img src=""> vs .div { code }、ユーザーが CSS を介してレイアウトを変更できるようにするために、各画像のクラスを作成して上書きできるようにしました。

このために、スタックオーバーフローに関する記事（リンクがありません）に出くわし、CSSを使用して画像を変更する方法を取り上げ、使用することにつながりまし<img class=""/>た

.customtag {
content:url("http://pathtoimage");  }

それを変更するために。

Chrome と IE では問題なく表示されますが、Firefox では単に登録されておらず、テキストと alt="" タグの説明しか表示されません。

数時間検索しましたが、これと完全に一致するものを見つけることができませんでした。だから私はこれをここに投稿して、誰かが私を正しい方向に導くことができるかどうかを確認します. !DOCTYPE の宣言と<style>vsの使用も試みました<style type="text/css">

cssバリデーターを使用すると他の領域が表示されますが、現在のコード行に関係なく、レンダリングされない理由はありません。firebug では、CSS の登録がまったく表示されないようです。

どんな助けでも大歓迎です。

http://fmlstudios.com/testdesign/

サイトからメニュー コードを削除し、上記のリンクの別の html ファイルに入れ、問題を特定しました。どんな助けでも大歓迎ですし、正しい方向に向けてくれます。お読みいただきありがとうございます。

4

1 に答える 1

1

content: url();Firefox はからの画像を期待しているため、 を完全に理解または理解していないため、これはすべてのブラウザで受け入れられているため、代わり<img class=""/>に利用する必要があります。background: url();

いえ

.someimageclass { background: url(pathtoimage); }

`

これにより、Firefox は画像をロードしますが、指定された元の画像を探しているという事実のために、その周りに黒い枠線ボックスが表示されます。<img class=""/>"

回避策を作成するには、「blank.gif」を 1x x 1px で作成またはググって、img クラスを次のように編集します。

<img class="someimageclass" alt="" src="blank.gif"/>

これでボックスが消えます。これが回避策になります。

これが、これに夢中になっている他の誰かに役立つことを願っています.

于 2013-05-19T12:29:45.460 に答える