文档章节

解决IE7下块级元素随着滚动条滚动而滚动的问题

webxiaohua
 webxiaohua
发布于 2014/10/23 15:42
字数 282
阅读 19
收藏 0

今天在处理网页兼容性问题的时候遇到一个甚是恼人的问题:网站上面用了一个图表插件,看了一下图表插件生成的代码,找到了其中的定位样式: position:relative.  

尝试了IE8+,Chrome,FF等浏览器都没问题,就是在IE7上存在,问题如图所示

当我拉动scrollbar的时候,这两块饼居然神奇地跟着浏览器一起滚动了。

尝试了若干种方法,最后在滚动条所在的容器里加上了【*position:relative;】 才解决掉了该问题(*标记是IE7可以识别的样式)。

真搞不懂微软这位老人家当初在设计IE内核的时候怎么考虑的,不过由此也可以看到:IE7到IE8微软在浏览器渲染引擎上面是做了一些变动的,他也知道以前的那种模式不行了,所以纠正过来。

© 著作权归作者所有

webxiaohua
粉丝 10
博文 44
码字总数 29786
作品 0
普陀
程序员
私信 提问
css深入理解之overflow

第一回 overflow基本属性 overflow基本属性 visibel hidden scroll auto inherit overflow-x和overflow-y overflow-x和overflow-y设置一样的值,等同于overflow。如果不同,其中一个赋予vis...

仲柯
2017/03/21
0
0
Element-ui el-scrollbar 源码解析

前几天美化博客时发现滚动条在window下实在太难看,所以在基于vue的技术上寻找美化滚动条的方法。记得Element-ui源码中有名为 的滚动组件,虽然文档上没有提到,但使用的人还是不少。今天记录...

onaug6th
05/01
0
0
CSS 中的 float、BFC、position 和 inline-block

CSS 中有时候需要一些特殊布局,用正常流做不出来的效果。这时我们就可以使用破坏流和保护流的那些 CSS 属性来实现这些效果。 float 属性指定一个元素应沿其容器的左侧或右侧放置,允许文本和...

wopen
04/10
0
0
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动

这里稍微总结一下,那就是利用JavaScript脚本,从浏览器中获取各个关于位置的参数,然后将其计算后,定位在窗体的右下角。可以承认,这个方法确实是比较自然的想法,也是很常见的方法,但是这...

underA
2013/03/05
128
0
客户区尺寸client

关于元素尺寸,一般地,有偏移大小offset、客户区大小client和滚动大小scroll。前文已经介绍过偏移属性,后文将介绍scroll滚动大小,本文主要介绍客户区大小client 客户区大小   客户区大小...

jjjssswww
2017/06/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

python学习10.04:Python list列表使用技巧及注意事项

前面章节介绍了很多关于 list 列表的操作函数,细心的读者可能会发现,有很多操作函数的功能非常相似。例如,增加元素功能的函数有 append() 和 extend(),删除元素功能的有 clear()、 remo...

太空堡垒185
29分钟前
4
0
新手插画学习的方法?教你如何自学?

插画学习的方法?教你如何自学? 从小喜欢画一些漫画头像随笔画,但是其实没有基础。个人偏好小清新手绘风的插画(如下图),每每看到都希望自己能画出这样的作品。 我其实很想说画这种美术功...

huihuajiaocheng
34分钟前
5
0
面试题

1、实现clone(); 涉及知识点: 1)、typeof 判断类型 2)、精确的判断类型:因为type null是object,type []是object,无法通过typeof来达到精确的判断 obj.toString()的结果和Object.prototyp...

gtandsn
45分钟前
5
0
CentOS 7 部署 tesseract-ocr

官方地址 github yum-config-manager --add-repo https://download.opensuse.org/repositories/home:/Alexander_Pozdnyakov/CentOS_7/ 若提示 yum-config-manager: command not found 执行以......

阿白
45分钟前
3
0
JAVA比较器中comparator的使用

一个专用的比较器Comparator Comparator是一个专用的比较器,当一个不支持自比较或者自比较函数不能满足要求时,可写一个比较器来完成两个对象之间大小的比较。Comparator体现了一种策略模式...

daxiongdi
46分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部