最新消息:热烈庆祝IT小记上线!

初始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(设置文本缩放)

.......

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


重新认识CPU 下一篇

猜您喜欢

备案号:苏ICP备12016861号-4