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：標籤不正確解釋

回答

相關問題