H5端控件遮挡重叠问题简单解决方案

栏目:云星空知识作者:金蝶来源:金蝶云社区发布:2024-09-23浏览:1

H5端控件遮挡重叠问题简单解决方案

常见问题现象:

(1)编辑类控件不能正常的进行编辑

(2)点击功能类控件不能正常的触发功能效果(按钮的点击,附件的上传,BOSF7控件的放大镜,文本的链接跳转等等)

问题原因解释:

    通常这种问题只会在HTML5端存在,不会在客户端以及SL端存在,是因为每种技术语言以及技术平台的机制决定的,HTML5端网页中的DOM元素是存在层级关系的,上层元素会遮挡下层元素。当元素位置重叠时就会造成以上现象。

问题解决方法:

    (1)先简单判断元素是否存在遮挡,谷歌浏览器按F12打开开发者工具,点击开发者工具页面的左上角的小箭头,然后移动鼠标选取页面上的问题控件(问题的地方),要是不能正常的选中,则是存在元素遮挡情况。PS:移动鼠标分别选取页面上正常的控件(部位)以及问题地方,就可以感觉出差异性了。

image.webp

如上图所示,不能正常的选取小数控件的文本框,因为被其他元素遮挡了。

解决方法:打开BOS设计器,调整控件布局即调整重叠控件的位置

H5端控件遮挡重叠问题简单解决方案

常见问题现象:(1)编辑类控件不能正常的进行编辑(2)点击功能类控件不能正常的触发功能效果(按钮的点击,附件的上传,BOSF7控件的放大...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息