我想知道是否有一个IE替代使用列计数和列间差?
我已经使这个post关于创建一个列表,为每个第五个元素自动创建一个新的列. Leniel提出了一个使用列数和列间差的解决方案,但IE不支持这种解决方案.我正在寻找一个回落的解决方案.
解决方法
我发现这是:
Multi-column Layout with CSS3.阅读标题为CSS3多列浏览器支持的部分.它说明如下:
If you need to support browsers that don’t have multi-column support,
then you should have a fallback option for those browsers. Here is how
you can do it with the 07001 script…
>在任何其他样式表之后,将以下SCRIPT标签放入HEAD中:
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.0.6/modernizr.min.js"></script>
<script> Modernizr.load({ test: Modernizr.csscolumns,yep: 'columns.css',nope: 'no-columns.css' }); </script>
>创建一个包含多列CSS的CSS样式表,并将其另存为同一目录中的columns.css.
>创建一个CSS样式表,其中包含您的后备CSS(例如带有float的列),并将其保存为同一目录中的无columns.css.
在IE和Chrome,Safari或Opera中测试您的页面.
如果您有兴趣的话,页面Multiple Columns将提供一个JavaScript回退.