0

我正在做一个关于化学安全象形图的 MCQ 的小网站。

学生阅读问题，选择答案，验证并阅读另一页上的答案。

很简单。

正确答案用绿色书写，如果学生回答正确，还会出现绿色“正确答案”的信息。一个糟糕的选择会用红色写成“错误答案”。

该网站在 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>

For instance when the choice was right I'd have something like :

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

正如我所说，Firefox 正确读取它，而 IE 读取标签之间的内容，但不使用样式。

如果我不使用 CSS 而是使用好的 ol' HTML 及其<font></font>，没问题，但它有点重。

PS 网站http://hildoceras.fr/quizz（法语标签是 vrai、faux、bon、mau incorrect.php）

4

2 回答 2

1

我认为你的主要问题是你正在编造元素。一些浏览器会很好地解析它，而另一些浏览器会忽略为这些元素所做的任何样式声明。这就是 HTML5 shim 存在的原因。

尝试将标准 HTML 元素 ( <p>, <div>) 与“itstrue”和“goodans”等类一起使用。

于 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 回答