JQuery colorbox iframe,隐藏底栏
Posted
技术标签:
【中文标题】JQuery colorbox iframe,隐藏底栏【英文标题】:JQuery colorbox iframe, hide bottom bar 【发布时间】:2017-01-04 13:09:31 【问题描述】:我正在使用颜色框来显示我网站注册页面的 iframe。就这样……
正如您在 iframe 的最底部看到的那样,在过去的关闭“X”处有一个白条。我已经删除了我可以看到的边界的每个部分以理解存在...这是我的 JQuery...
$("#cboxTopLeft").hide();
$("#cboxTopRight").hide();
$("#cboxBottomLeft").hide();
$("#cboxBottomRight").hide();
$("#cboxMiddleLeft").hide();
$("#cboxMiddleRight").hide();
$("#cboxTopCenter").hide();
$("#cboxBottomCenter").hide();
$("#cboxClose").remove();
据我所知,这应该就是一切。
【问题讨论】:
它可能是另一个元素,甚至可能是 iframe 本身突出在底部。需要查看 html 和 css 的运行情况...... 如果你想删除白条然后通过f12
功能键检查浏览器中的元素并检查哪个部分包含白条。然后自定义以查看如何将其删除。或在此处发布您的css
和html
发布你的彩盒初始化代码
【参考方案1】:
添加
$("#cboxLoadedContent").hide();
到 jquery.colorbox.js 文件的末尾。 :)
使用浏览器检查器并找到它。
【讨论】:
以上是关于JQuery colorbox iframe,隐藏底栏的主要内容,如果未能解决你的问题,请参考以下文章
使用 jQuery ColorBox 的 iFrame IE8