html - 将背景图像与 DOCTYPE 一起使用

我有一个 .asp 页面，当我在 ASP 页面顶部放置一个 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;
}

最佳答案

作为<span>是行内元素，不能应用height

你应该改变<span>进入<div> , 这是一个 block 元素。

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

或将 CSS 选择器应用于 <td>如果适用:

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

最后，是时候更改为现代 HTML5 DOCTYPE 了:

<!DOCTYPE html>

重要:永远不要删除 DOCTYPE。

附注如果您担心旧浏览器对 HTML5 DOCTYPE 的支持，请阅读 this .总之，旧的浏览器也支持这个DOCTYPE(除了NS6，我相信没有人使用它)

关于html - 将背景图像与 DOCTYPE 一起使用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23622130/