使用带有DOCTYPE的背景图像

时间:2014-05-13 02:59:55

标签: html css doctype

我有一个.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;
}

1 个答案:

答案 0 :(得分:2)

由于<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。

P.S。如果您担心HTML5 DOCTYPE的旧浏览器支持,请阅读this。简而言之,旧的浏览器也支持这个DOCTYPE(除了NS6,我相信没有人使用它)