美文网首页
兼容性:IE6/IE7下:inline-block解决方案

兼容性:IE6/IE7下:inline-block解决方案

作者: BigDipper | 来源:发表于2018-10-22 14:48 被阅读5次

    目前在做一个军队的网站,要求兼容IE6和7。
    碰到的一个头疼的问题是对于display: inline-block;样式的兼容性处理。

    由于在IE6和IE7中,块节点元素不能正确识别此样式,那么对应的处理操作是:再写一个同样的节点样式,来进行兼容性设置。
    代码如下:

    div.myNode {display: inline-block;}
    div.myNode {
        *display: inline;   // IE6、IE7识别
        _zoom: 1;           // IE6识别
    }
    

    然后,这个问题就解决了。

    相关文章

      网友评论

          本文标题:兼容性:IE6/IE7下:inline-block解决方案

          本文链接:https://www.haomeiwen.com/subject/qseynftx.html