使用帶有DOCTYPE的背景圖像

Question

我有一個.asp頁面，當我在ASP頁面上放置一個DOCTYPE時，我有問題顯示圖像。 如果我在頂部刪除DOCTYPE，則會顯示圖像。 任何人都可以幫我弄清楚如何顯示圖像，並刪除頂部的DOCTYPE？ 請參閱下面的編碼：

DOCTYPE：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML：

<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td style="width:200px"><span id="ImgHeader"></span></td>
    </tr>
</table>

CSS：

#ImgHeader
{
    background-image:url(img/header.jpg);
    width:200px;
    height:35px;
}

Answer 1

由於<span>是內聯元素，因此無法對其應用height 。

您應該將<span>更改為<div> ，這是一個塊元素。

<td style="width:200px"><div id="ImgHeader"></div></td>

或者將CSS選擇器應用於<td>如果適用）：

<td id="ImgHeader">&nbsp;</td>

最后，是時候改為現代的HTML5 DOCTYPE了：

<!DOCTYPE html>

重要提示：永遠不要刪除DOCTYPE。

ps如果您擔心HTML5 DOCTYPE的舊瀏覽器支持，請閱讀此內容。 簡而言之，舊的瀏覽器也支持這個DOCTYPE（除了NS6，我相信沒有人使用它）