IE7 与 IE6 的模式窗口尺寸差异
作者:快乐笛子 来源:快乐笛子博客 发布时间:2008-03-06 13:49:00
IE 的弹窗常用的有两种,不外乎是 window.open 与 window.showModalDialog,前者兼容性好,后者只有IE认识(Firefox的1.x版本与3.x版本支持window.open(url,handle,"modal=yes"),这是ff的模式窗口)。
模式窗口由于其强制必须完成模式窗口的操作,当前window才能被继续使用,它的这一特性,使它在一些 Web Application 中应用较广,它的好处本文不赘述,这里要探究的是用 javascript 设置相同的窗口尺寸,模式窗口在 IE6 与 IE7 下竟然表现不一致。
执行语句:window.showModalDialog('b.html',window,'dialogWidth:250px; dialogHeight:250px;'),对比在 IE6 与 IE7 下的表现差异:
250*250 这一尺寸是特意设的,右图IE6的window尺寸严格按照设置的尺寸展示,但是左边的IE7展示结果却让人大吃一惊,为什么是 317*256 ?
认真分析一下317与256的数字,其中宽度 256 应该是设置的宽度再加上 window 的 border-width,即 250+3+3=256。而 317 的高度则应该是设置的高度再加上 titlebar(20px)、location(21px) 与 statusbar(20px) 的高度,还要加上 border-width(3px+3px),即 250+20+21+20+3+3=317。用ps把右图移动到左图上,更能说明这一尺寸的变化:
IE6 的模式窗口刚好完整的覆盖到 IE7 窗口的内容区域上,IE7 的模式窗口露出了titlebar、location与statusbar,还有边框。
IE7 的这一变化给一些已定的模式窗口带来了不必要的麻烦,强行显示location与statusbar可以理解,但高度作如此变化却害苦的一班 web developer。看看 IEBlog 中的评论内容,群情激奋~
另外一个发现,IE7下的模式窗口存在最小宽度:250px ,奇怪的定义刚好用一个准确的数字来体现。


猜你喜欢
- 将数据库中的信息存储至XML文件中:save.asp<!-- #include file="adovbs
- 本文介绍了react-native ListView下拉刷新上拉加载实现。分享给大家,具体如下:先看效果图下拉刷新React Native提
- 之前用Crystal做了一个数字转English Word的Formula刚刚心血来潮, 大半个晚上写了JS版本的数字转换, 由于JS的Bu
- #Filename:brn.py #Description: batch replace certain words in file nam
- 前言在Windows上编写python程序时,有时候需要对输出的文字颜色进行设置,特别是日志显示,不同级别的日志设置不同的颜色进行展示可以直
- 在Windows环境下,经常遇到系统Over的情况,如果你在新装了系统和SQL Server 2005后,需要把SQL Server2000
- 本文实例讲述了python通过函数属性实现全局变量的方法。分享给大家供大家参考。具体分析如下:python的函数可以定义属性,而且是全局的,
- “ 这是MySQL系列笔记的第十三篇,文章内容均为本人通过实践及查阅资料相关整理所得,可用作新手入门指南,或者
- 最近网上流行着一些采集程序,更多人拿着这些东西在网上叫卖,很多不太懂的人看着那些程序眼羡,其实如果你懂一些ASP,了解自动采集程序的原理后,
- 摘要:大家提到Mysql的性能优化都是注重于优化sql以及索引来提升查询性能,大多数产品或者网站面临的更多的高并发数据读取问题。然而在大量写
- 存储过程的概念 存储过程Procedure是一组为了完成特定功能的SQL语句集合,经编译后存储在数据库
- 本文实例讲述了javascript中parseInt()函数的定义和用法。分享给大家供大家参考。具体分析如下:此函数可以解析一个字符串,并返
- 今天从网上看到这个功能,不错啊,以后就可以在文章中,增加这个功能了var re = /<a h
- 红包分配算法代码实现发给大家,祝红包大丰收!#coding=gbkimport randomimport sys#print random.
- 井字棋,英文名叫Tic-Tac-Toe,是一种在3*3格子上进行的连珠游戏,和五子棋类似,由于棋盘一般不画边框,格线排成井字故得名。游戏需要
- 表格如下:在Unity读取并调用时的代码:而如果想要查看该数据库中的另一个表,不是直接使用Table[1],而是需要更改SELECT * f
- 随机背景--当你每次进入该页面时,从已指定的图片文件夹中,随机选取一个图片作为背景显示。这里介绍的方法是用ASP+CSS来实现的。 &nbs
- 本文实例讲述了Python编程实现的简单Web服务器。分享给大家供大家参考,具体如下:最近有个需求,就是要创建一个简到要多简单就有多简单的w
- 写在前面对于经常需要开发企业管理后台的前端开发来说,必不可少的需要使用表格对于数据进行操作,在对于现有项目进行代码优化时,封装一些公共的Ho
- 打算学习linux和考一下认证。学习HCIA-AI实验手册发现的小问题和记录贴,防止自己忘。我不知道这个手册是不是公开的,你们自己去华为下载