谨记一次被非标准属性background-position-y坑的过程


公司网站的背景是从早到晚渐变的,所以用了一张1px×13000px的图,每天根据时间不同,php那边算个bg-position中y的偏移值。
因为是php那边处理,当时php那边的人就顺手写了个inline style在某个module的layout的标签里:
style="background-position-y: {{ app.bg_position }}px"

后来我只是考虑到要把这个挪到全局layout里去,加个分号。
另加当时我脑残了一下css的平铺方向错写成了repeat-y,所以改好css,把style挪到正确的template里,我就没多想。
顺带确认了下repeat方向是x没错,bg-position位移方向是y没错,chrome下没错,IE下没错。
这便是一个悲剧的开始。

直到今天被人发现在firefox下白天显示着夜晚的深紫色渐变背景,只好开Inspector,
发现虽然body里有写样式,但inline element里却没有读到样式。

google之,才知道background-position-y/background-position-x是IE创造出的非标准属性,但是Chrome竟然支持了,但Firefox没有
firefox没有……

=。=) 再高级的浏览器也是不可信的。

,