如何修改样式以在所有浏览器中工作

Question

小提琴：http://jsfiddle.net/t4uujehb/1/

HTML：

<div style="overflow: hidden;">
    <div class="theNum numOnly" style="float: left; cursor: pointer;">
        45
    </div>
    <div class="theNum" style="float: left;">
        <span>Provider(s) failed to update</span>
    </div>
</div>

的FireFox：

Chrome / IE 9/10：

如何修改我的CSS，以便Chrome和IE中的样式相同（或尽可能接近IE）

Answer 1

您还必须使用ColorZilla等工具为其他浏览器（供应商前缀）生成渐变。我试过，结果是：

testmeExcerpt Thisisthecontent Excerpt Thisisthecontent Content Thisisthecontent Title POSTTITLE