Question

我的CSS有问题。在FF，Chrome，IE9和IE8等现代浏览器中，一切都运行良好。现在问题出现在IE6（当然）和IE7上。

我想说在这两个浏览器中我的css的80％会被忽略。有关使用HTML5文档类型的信息。

例如：

<div id="bgVideoContainer">
    <div class="borderTop"></div>
    <div id="content">
        <div class="boxes fleft">

和css：

.borderTop {
       position: relative;
       top: 0;
       border-top: 1px solid black;
 }

.boxes {
        margin: 0 0 15px;
        padding: 0 25px;
        width: 924px;
 }

.fleft { float:left; }

这个结构很多：

<div id="videoCanvas">
    <div class="column-left">
        <object id="videoContainer"

#videoCanvas .column-left #videoContainer {
        width:600px;
        height:473px;
        background-color:#000;
        color:#fff;
 }

这一切都没有在IE7和6上显示....我很困惑，我该怎么办才能解决这个问题？

Answer 1

IE6到IE8无法识别html5元素。有关更多信息，请单击here！

Answer 2

你可以做这样的事情

您可以为IE6 and 7创建单独的样式表。并对这些样式表使用必要的。css类。

在IE浏览器中使用开发者工具（ctrl + F12）并相应地编辑类

例如

<!--[if IE 7]>
    <link href="IE-7.css" rel="stylesheet" type="text/css">
<![endif]-->

Answer 3

您是否尝试过更改DOCTYPE以检查是不是问题？

此外，是否有机会链接到作品？

你的CSS中有一个地方，IE之后无效吗？如果它不是DOCTYPE，可能是一个破碎的风格。

由于多类，CSS无法渲染

3 个答案: