0

我最近将 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>
4

1 回答 1

4

尝试添加#颜色声明：

<tr style=" background-color:#FFFEF7; ">
        <td style="color:#FFFFFF; background-color:#009C00;" ...
于 2013-01-24T20:46:59.240 回答