首頁 > web前端 > html教學 > 在IE7中的效果,到IE9和其它浏览器中就失效了?要怎么办?_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-21 09:36:14
原創
1195 人瀏覽過


是从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属性。

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

有广告嫌疑。

兼容性的知识你先看看

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板