项目总的框架是用angular js ,因为angular js 本身只兼容到IE9,所以IE9以下我们就不加考虑,在浏览器版本低于IE9以下给出提示框让小部分用户能够去下载grome的一个插件,以此来渲染IE以google 模式运行,要不升级浏览器。
针对IE9,由于transform:rotate并不支持。当然我们只是为了让英文文字实现一个旋转90度的效果,仅此而已,换方法。
看了一位牛人的博客,了解了一个新的CSS属性,以前没怎么用过。就是writing-mode,可以实现文字的垂直排版,可以兼容到IE7,当然部分属性兼容到IE8。有以下几种值,实现的效果分别如下,当然这是IE私有属性。
对于IE8及以上版本的初始值lr-tb, tb-rl
以及tb-lr
,分别对应于CSS3中的horizontal-tb
, vertical-rl
以及vertical-lr
。
其他内容不再赘述。