2011/07/27

IE 的某些 CSS 相容性問題可透過網頁第一行加入 HTML DTD 解決

範例:令網頁只有這一行內容:

<hr style=border-style:none>


此時用 Firefox 開網頁就會像預想的那樣一片空白,而用 IE8 開網頁依舊顯示一條 <hr> 水平線。

若要 IE8 顯示正確的結果,就在網頁的第一行寫 HTML 的 DTD。

可以用殺很大的 XHTML 1.1 DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<hr style=border-style:none>


也可以用散漫的 HTML 4 DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<hr style=border-style:none>


其他 HTML 4、XHTML 1.0、XHTML 1.1 等的 DTD 應該也有效。

沒有留言 :

張貼留言