CSS和IE9：标签不正确解释

我正在做一个关于MCQ化学安全象形图的小网站。CSS和IE9：标签不正确解释

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

很简单。

正确的答案用绿色书写，如果学生正确回答，还有一条绿色的“正确答案”。一个不好的选择会被用红色写成“不好的答案”。

该网站是绝对正确的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>，没问题，但它有点沉重。

PS网站上http://hildoceras.fr/quizz（法语标签VRAI，仿，苯教，贸在correction.php）

来源

2012-04-13 Hildoceras Giannis

可以采取什么问题吗？你不写HTML。 *坚持HTML。* – BoltClock 2012-04-13 15:01:34

我觉得你主要的问题是，你正在做起来的元素。有些浏览器会解析这些，但其他浏览器会忽略为这些元素所做的任何样式声明。这就是HTML5垫片存在的原因。

尝试使用标准HTML元素（<p>,<div>）和类别，如“itstrue”和“goodan”。

来源

2012-04-13 15:04:29 chipcullen

你不应该使用自定义的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-13 15:06:07 Joshua

谢谢大家，我没有意识到严格的html无法读取“自制”标签。这些类正常工作。它比我想要的更重，但是复制粘贴会使更改变得更容易。再次感谢。 – 2012-04-13 15:44:37

CSS和IE9：标签不正确解释

回答

相关问题