当前位置：首页 → 问答吧 → doctype设置导致字体颜色显示不对的问题

doctype设置导致字体颜色显示不对的问题

时间：2011-03-30

来源：互联网

复制内容到剪贴板

代码:

<!doctype html>
<html>
    <head>
    <title>demo</title>
        <style type="text/css">
            div{
                width:200px;
                height:200px;
                border:1px solid gray;
                float:left;
                margin-right:10px;
            }
            div.a.common{
                color:red;
            }
            div.b.common{
                color:blue;
            }
            div.c.common{
                color:pink;
            }
            div.d.common{
                color:green;
            }
        </style>
    </head>
    <body>
        <div class="a common">Red</div>
        <div class="b common">Blue</div>
        <div class="c common">Pink</div>
        <div class="d common">Green</div>
    </body>
</html>

上面代码无误，可以正常运行。但去掉doctype后，在ie下这个4个div的字体颜色就都是green了。由于页面设计是按照无doctype设计的，怎么让其在ie下好使（firefox等无此问题）

<html> <head> <title>demo</title> <style type="text/css"> div{ width:200px; height:200px; border:1px solid gray; float:left; margin-right:10px; } div.a.common{ color:red; } div.b.common{ color:blue; } div.c.common{ color:pink; } div.d.common{ color:green; } </style> </head> <body> <div class="a common">Red</div> <div class="b common">Blue</div> <div class="c common">Pink</div> <div class="d common">Green</div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 flyingzl 于 2011-3-30 15:12 编辑 ]

作者: flyingzl 发布时间: 2011-03-30

.a.common这种多类选择符在ie6下是不支持的。

你这里没用doctype，ie进入怪异模式。也不支持这种写法。

作者: ONEBOYS 发布时间: 2011-03-30

恩。是的，问题是我在ie8下，对这种怪异模式支持也有问题，不知道您是否有其他想法，