Home >Web Front-end >HTML Tutorial >在IE7中的效果,到IE9和其它浏览器中就失效了?要怎么办?_html/css_WEB-ITnose

在IE7中的效果,到IE9和其它浏览器中就失效了?要怎么办?_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:36:141186browse


是从Javaeye下载的Demo:

在IE7下,点击窗口,是这个效果:
但是在IE9和其它浏览器下是这个效果:

请问,如果我想让非IE7的浏览器也能看上去是IE7的效果:1、弹出的DIV可设定TOP值,2、整个背景变灰,要怎么改写代码?


回复讨论(解决方案)

ie和其他浏览器的差别就在一些简单的语法
如样式加px
另外注意body,documentElement这些,网上有很好的总结的帖子文章,搜索下

massage_box是一个div的ID,我发现下面的语句,massage_box.style.top=(document.body.clientHeight-10)/2;
在IE7中的确是让div有了新的top值,但是在Chrome中,这一句似乎没起任何作用,aler显示的top值还是初始那个值

   alert(document.body.clientHeight);
   massage_box.style.top=(document.body.clientHeight-10)/2;
   alert(massage_box.style.top);
要怎么办呢?

massage_box.style.top=(document.body.clientHeight-10)/2 + 'px';

错了。。貌似非IE浏览器不支持clientHeight属性。

你要是想真正是想解决问题,就去掉页面中的广告。

有广告嫌疑。

兼容性的知识你先看看

另外,相同的帖子不要重复发布。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn