|
|

楼主 |
发表于 2024-4-7 08:57
|
显示全部楼层
本帖最后由 马黑黑 于 2024-4-7 09:00 编辑
不见得少。实际上,研究背景图滚动项目中,主要分两种情形:上下移动和左右移动。最初大家热衷的是上下移动,它可以做整个页面的背景,以及很常用的盒子文字排版装饰;左右移动则多数用于特效,比如图片转场。
以单张图片做滚动背景源,我认为全网我研究的最深,也实现的最好,尤其是后面两种机制:都是利用伪元素,一种是伪元素移动,另一种是伪元素重叠、它们的背景图像移动。
伪元素移动衔接算法最简单,但兼容性不理想:计算机浏览环境下完美,手机浏览环境接头缝线目前我无法消除;伪元素重叠、移动其背景算法略微复杂(但代码简洁,说明代码真的不重要),兼容性应该不错。
关于第二种机制,我在仿真设备中一一做了测试,果机最难伺候。具体问题是一像素问题,即衔接处有一像素不能缝合。最后决定让第二个背景提前一个像素,问题解决。
手机类浏览器它们有一整套自己的算法,就是压缩尺寸的算法。压缩算法虽然基本一致,但总会有一些区别,果机财大气粗,不是非常严格遵循业内标准,而是根据自己的设备环境自创一套,不管不顾既定约成的标准已是常态。这和微软当时的IE是一个脾气,最后的结局可以预设:和IE一样,极可能在很远的将来被彻底抛弃。IE是微软自己抛弃的,因为它走自己的路越走越远,积重难返,实在回不了头了;果机浏览器弄不好还要惨,是被别人抛弃。 |
评分
-
| 参与人数 1 | 威望 +50 |
金钱 +100 |
经验 +50 |
收起
理由
|
红影
| + 50 |
+ 100 |
+ 50 |
赞一个! |
查看全部评分
|