IE6/IE7 iframe嵌入页面定位元素与滚动条重叠

最新推荐文章于 2021-07-24 12:02:58 发布
最新推荐文章于 2021-07-24 12:02:58 发布
阅读量1.7k 收藏
点赞数
分类专栏： HTML CSS IE6bug 文章标签： iframe ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jyy_12/article/details/7991212
版权
本文讨论了在IE6/7浏览器中使用iframe嵌入页面时遇到的问题：绝对或相对定位的元素出现在滚动条之上。文中提供了解决此问题的有效方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

IE6/7iframe嵌入的页面，如果有绝对或相对定位的元素会在滚动条之上，解决方法？


浏览器/html/css面试题----1
MingL520的博客
05-24 460
CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的。CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
页面元素定位及操作--xpath
weixin_30632883的博客
02-20 107
简介： 在 XPath 中，有七种类型的节点：元素、属性、文本、命名空间、处理指令、注释以及文档（根）节点。XML 文档是被作为节点树来对待的。树的根被称为文档节点或者根节点。 /xxx 页面输出 /xxx/yyy 默认返回第一个输入框 使用下标方式进行查找 //xxx (也可以使用下标方式查找) 有问题（第三个...
window.location.href 框架子页面的引导
stevenbill的博客
01-26 540
window.top //最顶层窗口 window.self //当前窗口 window.parent //父级窗口 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明： 如果A,B,C,D都是...
海康/大华SDK视频智能分析安防监控系统EasyCVR集成iframe播放分屏出现滚动条原因排查
EasyCVR视频融合云平台的技术博客
03-17 368
TSINGSEE青犀视频开发的视频平台都是支持集成的，尤其是EasyGBS、EasyCVR这样的平台，由于其协议的特性，非常适合在点位比较多且分散的场景下部署以及集成到现有平台当中。 有个建筑工地项目团队通过EasyCVR来调用iframe地址来进行集成，将不同地址的视频都集成进自己现有的业务平台当中，但是在分屏页面下，部分分屏出现了播放器显示滚动条的问题。 本地排查发现，当鼠标移动到视频上就会出现滚动条，在控制台测试如果把云台去掉就是正常的，因此此处的问题应该是与云台有关，经测试发现每当云台展
ie6,ie7,ie8 css bug兼容解决方法
weixin_30463341的博客
11-07 113
IE浏览器以不支持大量的css属性出名，同时也因其支持的css属性中存在大量bug。 这里收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！ 普通IE css bug bug名称 影响版本 描述 Imag...
IE6 7 8BUG锦集
weixin_30470857的博客
04-21 116
１、浮动元素的双倍margin 说明：这是IE６及其以下版本的一个经典的BUG，触发这个BUG产生的条件是给元素设置了浮动并且同一方向设置了margin值。来看以下代码： <style type="css/text"> body,div { margin:0; padding:0; } .wrap { width:300px; height:100px; background...
前端开发中IE6,IE7,IE8的问题的汇总
fantaxy025025的专栏
05-08 245
面对微软的霸道，反抗到今天终于有了点起色。但仍然有n多ie678的用户。 反抗霸道，任重道远。   百度居然还总结这种文章，让别的blog活么。 如何处理浏览器IE6、IE7、IE8、css bug兼容性   其他文章和总结：  摘自：http://blog.youkuaiyun.com/ttongzw/article/details/17136315 IE6问题总结   目录(?...
web前端开发深圳，jquery设置滚动条位置
m0_60125134的博客
07-24 227
第一章 HTML 1.浏览器页面有哪三层构成，分别是什么，作用是什么? 2.HTML5的优点与缺点？ 3.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? 4.HTML5有哪些新特性、移除了哪些元素？ 5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么? 6.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 7.说说你对HTML5认识?（是什么,为什么） 8.对WEB标准以及W3C的理解与认识? 9.HTML5行内元素有哪些,块级元素有哪些, 空元素有
企业IT管理员IE11升级指南【8】—— Win7 IE8和Win7 IE11对比
btest_01的专栏
11-13 2498
企业IT管理员IE11升级指南 系列： 　　【1】—— Internet Explorer 11增强保护模式 (EPM) 介绍 　　【2】—— Internet Explorer 11 对Adobe Flash的支持 　　【3】—— IE11 新的GPO设置 　　【4】—— IE企业模式介绍 　　【5】—— 不跟踪(DNT)例外 　　【6】—— Internet Explorer 11
移动端swiper嵌iframe无法滑动的解决方案
weixin_34122810的博客
03-12 2238
最近项目有个需求，要把详情页改成多个页面轮播，本来小事一桩，但页面上有多个谷歌的内容广告时，调用谷歌的异步代码，所有内容广告会重叠到第一个slide的广告区域，无奈改成iframe终于解决了，但是又引来了本次蛋疼的问题，slide无法滑动。 经过一番谷歌百度，无非两种办法抄来抄去 1、给iframe设置 CSS pointer-events: none， 2、在iframe内监听touch事件，根...
div被iframe遮住的几种情况及解决方法
09-28
例如，可以通过设置IFRAME的border属性来给IFRAME加上边框，使得IFRAME的边界更加明显，从而避免与外部元素重叠。设置scrolling参数为“no”可以消除IFRAME滚动条，这在某些布局中可以避免滚动条导致的遮挡问题。...
html iframe用法
最新发布
06-11
HTML `<iframe>` 元素用于在网页中嵌入另一个HTML文档，通常称为"内联框架"或"嵌入式框架"。它的主要作用是创建一个独立的浏览器窗口或区域，显示其他网站的内容，或者在一个页面中显示同一个网站的不同部分。使用`...
fieldset在不同浏览器中的差异
Jin's blog
08-13 7592
在IE6、IE7、IE8、IE9下fieldset的padding值为0，firefox5、chrome13下左右内边距约为12px。         当把legend设为width：100%时，IE6、IE7出现水平滚动条，且legend与fieldset内其它内容没有对齐。
IE6下图片不能正常显示(其它浏览器正常)的解决方法
Jin's blog
01-11 3603
解决方法：在PS中打开图片显示是否CMKY模式，转换成RGB模式。 原因：部分IE版本不支持CMKY模式的图片文件 IE6不支持图片cmky模式，IE8下IE7/IE8不支持，IE9下的IE7/IE8/IE9模式都可以正常显示cmky模式
flash在html中的种种
Jin's blog
08-13 2685
flash的html代码: 层居于flash之上         把object的wmode设为 Opaque 或Transparent都可以使div居于flash之上，相对来说Opaque更专业。wmode 属性/参数值 Window | Opaque | Transparent，默认值为 Window。         （可选）允许使用 Internet Exp
safair下html换行产生的间距设置font-size:0无效
Jin's blog
07-24 2023
问题：safair下html换行产生的间距设置font-size:0无效， 解决方法：letter-spacing设负值
在IE6下实现fixed定位效果
Jin's blog
06-13 1096
来源：CSSplay http://www.cssplay.co.uk/layouts/fixed.html注：IE6/IE7下默认的滚动条认为是html标签的，其它浏览器显示的是body标签的滚动条。IE6支持body height 100%定义。“* html body”定义方法只有IE6支持，意指在html标签外还有一个标签。“*+html”只有IE7支持，html标签存在一个兄弟节点。bo
IE9下的怪异现象求解
Jin's blog
03-19 1012
有个页面不知何故，经多台IE9电脑测试，在其中两台IE9中只显示一小部分页面内容，如被裁剪。 测试电脑为一台IE9 RTM版，其余均为IE9.0.5。 如下图： 正常情况： 解决方法一：把页面顶部那一行的“都市直通车”的浮动去除后页面显示正常。 解决方法二：原先页面内通过内联样式设置body字体为font-family:Helvetica, Arial,sans-
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值