Question

有谁知道如何使css3列在ie8和9中工作？而不是出现三列，只有一个列表。任何帮助，非常感谢！

Answer 1

Internet Explorer 8和9不支持CSS列。微软首先在浏览器中添加了缺少前缀的支持，而不是until version 10。因此，您将无法在以前版本的Internet Explorer中获得本机CSS Column支持。

您可能拥有的最佳解决方案是有条件地加载a plugin，以便在旧版浏览器中实现类似的功能。请考虑以下事项：

<style>
    #columns {
        -webkit-column-width: 200px;
        -moz-column-width: 200px;
        column-width: 200px;
    }
</style>
<!--[if lte IE 9 ]>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.js"></script>
<script>
    $(function () {
        $('#columns').columnize({ width: 200 });
    });
</script>
<![endif]-->

在这种情况下，Internet Explorer 10+和其他现代浏览器将使用CSS方法。 Internet Explorer 9及更低版本将使用jQuery替代方案。

请务必使用jQuery的1.x分支，因为2.x分支不支持旧版本的IE。

css列在ie9和ie8中没有正确显示

1 个答案: