关于怪胎ie的overflow:hidden问题

我叫杜晓峰 2011-10-19 11:17:16



<html>

<head>

<style>

html{ overflow:hidden;}

body{ overflow:hidden; height:100%; background-color:blue; margin:0px;}

div{ height:3000px; background-color:red; margin:30px;}

</style>

</head>



<body>

<div>dasdasd</div>

</body>

</html>

现有代码如上，运行后，我以为那个该死的dasdasd再不会从我眼前消失，事实其他标准浏览器都是这样，但是在怪胎ie上，只要你拖动选取dasdasd，按住往下拖，那个该死的body就会产生滚动，即使你设置了overflow:hidden也没有用，照样会滚动，除非把整个body的圈选用js全部給禁了，但我不想这么做。各位大神有无其他解决办法？

...全文

192 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

mumubangditu 2011-10-22

打赏
举报

抱歉，刚又研究了一下，没有弄出来。
没有很多时间帮你研究。真的要找高手的话，推荐你去http://stackoverflow.com/注册一个账户，向全世界提问。
专业提问网站，alexa全球排名110，日流量是CSDN的好几倍。一般情况下，15分钟内就会有满意的答案。

我叫杜晓峰 2011-10-21

打赏
举报

有哪位大神知道吗？

zgzglike 2011-10-20

打赏
举报

帮顶。。。。。。

鸟先生 2011-10-20

打赏
举报

顶下。。

我叫杜晓峰 2011-10-20

打赏
举报

[Quote=引用 2 楼 mumubangditu 的回复:]

光描写你这段代码的现象，不理解你想要的真实效果是什么？
你想要的可能性一：div 取消 height:3000px; 加overflow:hidden;(自动根据字数适应DIV高度）
你想要的可能性二：body{position:relative;} div{position:absolute;top:0;left:0;}(DIV根据BIDY的相对位置固定)
[/Quote]

是的，就是第二种，但是我发现绝对定位还是会发生圈选时候滚动的效果。也就是div里的内容会被卷去。

mumubangditu 2011-10-20

打赏
举报

光描写你这段代码的现象，不理解你想要的真实效果是什么？
你想要的可能性一：div 取消 height:3000px; 加overflow:hidden;(自动根据字数适应DIV高度）
你想要的可能性二：body{position:relative;} div{position:absolute;top:0;left:0;}(DIV根据BIDY的相对位置固定)

IE是个怪胎，起初不参加W3C标准，导致现在它的兼容性问题难以解决（IE绝对是很多程序员的痛~好在IE6/7/8份额减少，IE9/10/11的兼容性良好，为程序员省去很多麻烦）浏览器兼容检测工具：IETest/superview/其他...

一、重要的前言在IE以及Firefox浏览器下，...由于点击链接会产生轮廓框就在IE和Firefox浏览器下会出现，而这两者的变现恰好有都是虚框(dotted)，所以会直接用链接虚框的表述代替链接轮廓框。事实上，链接外框不等于

这个东西最厉害的地方是兼容所有主流浏览器（IE6，IE8，Maxthon2.5，firefox3.5，opera10，safari4与chrome2），而一点CSS hack也没有用。毕竟CSS hack只是权宜之计，治标不治本，谁知它会对未来新版本的浏览器有...

2. 带有星号的样式针对IE6和IE7，这两怪胎不支持table方式，但办法总比问题多一个，可以对父级元素绝对定位 top:50%;然后在对子元素定位top:-50%,这样可以正好重叠了。转载于:...