0

私は、化学物質セキュリティ ピクトグラムに関する MCQ に関する小さなウェブサイトを作成しています。

生徒は質問を読み、答えを選択し、別のページの答えを検証して読みます。

とてもシンプルです。

正解は緑色で書かれており、生徒が正解した場合は緑色の「good answer」というメッセージも表示されます。悪い選択は「悪い答え」と赤字で書かれます。

Web サイトは Firefox では完全に正しいのですが、IE9 では色とフォントが正しく表示されません。

部分でタグを使用します：

<style>
  itsfalse {
    font-family: "Times New Roman",serif; 
    font-weight: bold; 
    color:#00A000;
  }
  itstrue { 
    font-family: "Times New Roman",serif; 
    font-weight: bold; 
    color:#FF0000;
  }
  goodans {
    font-family: "Arial",sans-serif; 
    font-weight: bold; 
    color: #00A000; 
    font-size:larger;
  }
  badans {
    font-family: "Arial",sans-serif;
    font-weight: bold;
    color:#FF0000;
  }
</style>

たとえば、選択が正しかった場合、次のようになります。

<itstrue>[the right answer]</itstrue> 
<goodans>Good answer!</goodans>

私が言ったように、Firefox はそれを正しく読み取り、IE はタグの間にあるものを読み取りますが、スタイルを使用しません。

CSS を使用せず、古き良き HTML とその<font></font>.

http://hildoceras.fr/quizzのPS Web サイト(フランス語のタグは、correction.php の vrai、faux、bon、mau です)

4

2 に答える 2

1

あなたの主な問題は、要素を構成していることだと思います。一部のブラウザーはこれを問題なく解析しますが、他のブラウザーはそれらの要素に対して行われたスタイル宣言を無視します。そのため、HTML5 shim が存在します。

"itstrue" や "goodans" などのクラスで標準の HTML 要素 ( <p>、<div>) を使用してみてください。

于 2012-04-13T15:04:29.007 に答える
1

カスタム HTML タグを使用しないでください。使用すると、HTML ではなくなります。

次のように、HTML に固執し、CSS クラスを使用します。

    <style type="text/css"> 
    .itsfalse {font-family:"Times New Roman",serif; font-weight:bold; color:#00A000;} 
    .itstrue {font-family:"Times New Roman",serif; font-weight:bold; color:#FF0000;} 
    .goodans {font-family:"Arial",sans-serif; font-weight:bold; color:#00A000; font-size:larger;} 
    .badans {font-family:"Arial",sans-serif; font-weight:bold; color:#FF0000;} 
    </style>
    ...
    <span class="itstrue"> [the right answer] </span> 
    <span class="goodans">&nbsp;&nbsp;&nbsp;Good answer !</span>
于 2012-04-13T15:06:07.597 に答える