【CSS】简记问题:打开iframe后,超过窗口高度的内容背景颜色丢失

问题描述

后台页面打开iframe弹窗,默认高度为窗口高度,当iframe页面超过窗口高度时,超过窗口高度的内容背景颜色丢失;

问题演示

【CSS】简记问题:打开iframe后,超过窗口高度的内容背景颜色丢失_第1张图片

 解决方案

读取iframe的页面内容,通过jquery或者js读取页面DOM元素,设定height的样式为auto;

如以下代码所示,以个人实际页面元素为准;

$(iframe).contents().find('.container').css('height','auto')

完整代码(基于Layui)

添加

【CSS】简记问题:打开iframe后,超过窗口高度的内容背景颜色丢失_第2张图片

 

你可能感兴趣的:(前端,前端,javascript,html)