初始ie专属属性

最近的一周基本都泡在了教务系统中转专业的界面上。因为有了原型图，所以制作的过程容易了很多，只要按图索骥就可以了。

首先不得不赞Axure RPPro6.5这款软件的强大，做出的效果真心华丽。

遵照模板，我截取了最下面渐变的图片，试图将它设为背景图片。

使用background-image:url(button.jpg);background-position-y:bottom;

放在ie中完美运行。但是放在firefox中，就悲剧了。。。。

从上图中可知，fiefox虽然识别了图片，但是无法确定图片的具体摆放位置。只好放在了最顶端。

百思不得其解之余，上网查了查。发现关于这方面的资料相当的多，原来background-position-bottom原来是ie的私有属性，只能被ie识别，无法被firefox识别。

继续探索，发现ie的私有属性竟然如此之多。

1background-position(设置图片在div块中的位置)

2filter(设置滤镜)

3layout-flow(设置内容的浮动与流向)

4word-break(文本强制换行)

5zoom(设置文本缩放)

.......

总之，如何解决浏览器的兼容性确实是个大问题。只有不断的积累，才能不断地提升开发速度。