-
-
社区账号 数据小白Lv1
发表于2022-11-17 15:13
楼主
本帖最后由 社区账号 于 2022-11-17 15:13 编辑
一、需求背景：
目前ABI产品自定义门户时设置完背景图片后仅可设置背景定位及重复策略，无法实现自适应，期望实现背景图自适应的效果。
二、解决办法：
采用脚本的形式控制背景图自适应，可将脚本添加至如图所示位置。脚本如下：
$(function() {
rootWindow.document.body.lastChild.style.backgroundSize="cover";
});
注：上述脚本仅用于控制page页（即第一层）的背景图自适应，如是要控制其它层的背景自适应，需根据背景图所在层级对脚本进行修改，增加脚本中lastChild的个数，lastChild个数等于层数。
如：现需设置容器内层（即第三层）背景自适应，需将脚本修改如下：
$(function() {
rootWindow.document.body.lastChild.lastChild.lastChild.style.backgroundSize="cover";
});
一、需求背景：
目前ABI产品自定义门户时设置完背景图片后仅可设置背景定位及重复策略，无法实现自适应，期望实现背景图自适应的效果。
二、解决办法：
采用脚本的形式控制背景图自适应，可将脚本添加至如图所示位置。脚本如下：
$(function() {
rootWindow.document.body.lastChild.style.backgroundSize="cover";
});
注：上述脚本仅用于控制page页（即第一层）的背景图自适应，如是要控制其它层的背景自适应，需根据背景图所在层级对脚本进行修改，增加脚本中lastChild的个数，lastChild个数等于层数。
如：现需设置容器内层（即第三层）背景自适应，需将脚本修改如下：
$(function() {
rootWindow.document.body.lastChild.lastChild.lastChild.style.backgroundSize="cover";
});
