Question

我最近将DOCTYPE添加到了一个页面，但这导致一些表格单元格格式化。页面加载时，单元格应显示为绿色背景。

请注意，页面加载时没有内联样式标记中指定的绿色背景。如果我将鼠标悬停在上面，风格就会生效并保持不变。

页面应加载正确渲染的背景颜色（无需鼠标悬停以启动它）。

我无法显示工作示例，因为JSFiddle在其页面上包含DOCTYPE。如果我删除DOCTYPE行，则css按预期工作。

这是代码，带有DOCTYPE行：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Test</title>
    <body>
    <table width="100%">
    <tbody>
    <tr style=" background-color:#FFFEF7; ">
        <td style="color:FFFFFF; background-color:009C00;" title="It's Hard Being Green" onmouseover="this.style.background='#40b540'; this.style.cursor='pointer'" onmouseout="this.style.background='#009C00';">It's Hard Being Green</td>
    </tr>
    </tbody>
    </table>

</body>
</html>

Answer 1

尝试将#添加到颜色声明中：

<tr style=" background-color:#FFFEF7; ">
        <td style="color:#FFFFFF; background-color:#009C00;" ...

DOCTYPE打破了css背景色

1 个答案: