在IE 8中,我无法向下滚动到我网站页面的底部 基本URL有一个wordpress安装,但补贴网址都是手工编码(不是WP) 获取像http://isseomarketing.com/privacy-policy-terms-of-use/这样的基本网址 这里没有任何东西只是页眉,页脚和一堆免责声明文本
上页的两个样式表是: http://isseomarketing.com/css/seo.css http://isseomarketing.com/css/rdc.css
我无法弄清楚 - 在其他浏览器中工作得很好而且我的朋友说他可以在6,7和8中看到网站很好但我不认为这是我的电脑/鼠标等问题因为使用相同的IE安装,我可以滚动到其他网站的底部。
Ugggh。有人会这么好看,或者你以前遇到过这个问题 - 提出建议吗?
亲切的问候,Leah D。
答案 0 :(得分:8)
好的我正在回答我自己的问题。 IE不会滚动的原因是因为我在css中有这个:
html {
height:100%;
margin-bottom:0px;
overflow-y:scroll;
overflow-x:hidden;
}
解决方案是移除高度:100%;
就是这样 - 现在应该像魅力一样(无论如何都在IE8中) 利亚
答案 1 :(得分:2)
在我的情况下,我没有声明身高:100%的任何东西。滚动条存在,但只是不会在IE8 中仅向下滚动。
我必须添加 height:100%
到我的html
和body
代码。
html#ie8,
html#ie8 body {
height: 100%;
}
我真的不知道为什么它发生了,但现在已经在IE8中修复了!
P.S。我正在使用一个方便的标记来获取ID的IE浏览器中的特定目标,就像我在我的解决方案中所显示的那样。我从Wordpress默认的2012主题中得到了它。如果我不得不关心任何级别的IE兼容性,我几乎一直都在使用它。它节省了为IE特定样式表进行额外调用的麻烦,并且能够在任何给定elemnet的普通CSS上下文中添加快速修复更方便。
<!--[if IE 6]>
<html id="ie6" lang="en">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" lang="en">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" lang="en">
<![endif]-->
<!--[if IE 9]>
<html id="ie9" lang="en">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) | !(IE 9) ]><!-->
<html lang="en">
<!--<![endif]-->