Question

为什么这里的CSS在IE以外的浏览器无法实现效果？

这是CSS
这是HTML
这是谷歌浏览器的
这是IE的





Answer 1

你如果是做前台的话会遇到很多这种兼容性问题，很多css效果甚至html标签在不同浏览器可能会出现不一样的结果，有的浏览器支持，有的浏览器不支持，javascript代码也是一样，jquery的出现才比较完美的解决了这个问题。一些浏览器不支持的css样式，你通过jquery去修改相应浏览器不支持的css属性就变得支持了

Answer 2

最后一张IE的效果图片看不见。

估计是你的css写法有问题。

把class名改成字母，不要用数字

div标签默认是block，加上display:inline-block 试一试，这样的话就不需要float:left了

在线demo》》http://jsfiddle.net/mDdKr/349/

IE Chrome FF显示都一样，没有问题

<div class="a"> 111</div>
<div class="b"> 222</div>
<div class="c"> 333</div>

div {
    display: inline-block;
    font-size: 12px;
    padding: 20px;
    height:20px;
    width:30px;
    background:yellow;
    /* float: left; */
}
div.a {
    color: red;}
div.b {
    color: green;}
div.c {
    color: orange;}

Answer 3

hi 我在ie chrome和 firefox下都未能发现你的问题，你的ie是什么版本，id和class都不支持数字开头的，如果数字开头的话你可以用下面的写法

div[class="1"]{***}