IE兼容性视图，新增元素导致白页面

环境：

浏览器：IE8/9浏览器【兼容性视图】

doctype：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

现象：

向body标签中新增子元素时，出现白页面（body及子元素大小全为0），然后，通过改变窗口大小、改变body及子元素的属性、鼠标进入事件（有时有效）可使页面恢复正常。

方案：

通过观察百度首页，发现其html、body标签只设置了“height”样式为“100%”。

模仿上述方法，去除了body标签的wight样式，便解决了问题。但是，依然不懂问题引发的根本原因，或许是IE浏览器的缺陷，或许是未正确使用DOCTYPE……

时间： 2024-10-10 06:25:18

IE兼容性视图，新增元素导致白页面的相关文章

IE9兼容性视图与IE9标准视图

如果你使用的是IE9,那么按下F12键就会出现开发者工具,上面有两个下拉菜单:浏览器模式和文档模式.那么什么是浏览器模式?什么又是文档模式?二者有何区别? 浏览器模式用于切换IE针对该网页的默认文档模式.对不同版本浏览器的条件注释解析.以及发送给网站服务器的用户代理(User-Agent)字符串的值.网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和及安装的功能,这样就可以根据不同的浏览器返回不同的页面内容了. 文档模式用于指定IE的页面排版引擎(Trident)以哪个版本的方式来解析

表单及表单新增元素

要想更好运用表单就要了解表单的的更多元素与属性,首先看看对表单基本了解. 表单的基本了解  <form> 元素用于用户输入数据的收集  <input> 元素是最重要的表单元素,有许多type其中<input type="submit">是用于向表单处理程序提交表单的按钮.  <select> 元素<option> 元素定义待选择的下拉列表选项,  <textarea> 元素定义文本区域.  <button&

HTML5新增属性，新增元素

新增属性: contentEditable.designMode.hidden.spellcheck; 新增元素: 文档元素 <articl>:独立的文章 <section>:对页面内容分块 <nav>:定义页面上的导航条 <aside>:当前页面或文章的附属信息 <header>:<articl>中的标题 <footer>: <figure>:代表一个图片区域,包含<figcaption>元素,表

[转载]强制不使用“兼容性视图”的HTML代码

在IE8浏览器以后版本,都有一个"兼容性视图",让不少新技术无法使用.那么如何禁止浏览器自动选择"兼容性视图",强制IE以最高级别的可用模式显示内容呢?下面就介绍一段HTML代码. X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生.IE8或者IE9有很多种模式,比如,IE8有4种模式:IE5.5怪异模式.IE7标准模式.IE8几乎标准模式.IE8标准模式:而IE9有7种模式: IE5.5怪异模式.IE7标准模式.IE8几乎标准

HTML5中的新增元素

HTML5中新增了大量的元素与属性,这些新增的元素和属性使HTML5的功能变得更强大,使网页设计效果有了更多的实现可能. 新增的主体结构元素section元素<section>标签定义文档中的节,比如章节,页眉,页脚或文档中的其他部分.它可以与h1,h2,h3,h4,h5,h6等元素结合起来使用,显示文档结构.<section> <h1>...</h1> <p>...</p></section> article元素<

表单新增元素和属性

1.新增元素和属性1.1新增属性form属性:表单内的从属元素可以写在页面上任何地方,然后给该元素指定一个form属性,属性值为该表单的id,就可以表明该元素从属于指定表单了.(目前只有Opera 10支持)formaction属性:可以给所有的提交按钮,诸如type:submit.image.submit都增加不同的formaction属性,使得点击不同的按钮,可以将表单提交到不同的页面.(目前无浏览器支持)formmethod属性:可以用来对每个表单元素分别指定不同的提交页面,同时也可以用来

https网页加载http资源导致的页面报错及解决方案

https是当下的网站的主流趋势,甚至像苹果这样的大公司,则完全要求用户必须使用https地址. 然而对于以前http链接来说,我们往往就存在一个兼容性问题,因为你不可能一下就全部切换过去,应该在很长一段时间内,https与http将共存. https与http共存的场景有如: 1. app已经发布出去,其调用接口的地址为http的,那么这是必须兼容的. 2. app中嵌入了h5页面,而这页面在以前的设计中是使用http访问的,如果换成https地址,极有可能将导致h5页面无法打开. 3. 对于

IE8/IE9/IE10打开网页后，自动设置浏览器模式为“IE8/IE9/IE10兼容性视图”

http://blog.snsgou.com/post-16.html 作者:SNSGOU 发布于:2013-07-17 22:23:05  分类:CSS/HTML     评论(0)  浏览(1323) IE8及以后的IE9/IE10浏览器,为了实现IE兼容基于其它网页标准开发的网站,IE浏览器还专门提供了"兼容性视图"功能.当IE浏览器检测到某网站不兼容时,地址栏右侧就会出现兼容性视图按钮,出现问题只需轻轻一点,大部分网页显示就会正常了. 下面以IE8浏览器举例: IE8兼容性问题

HTML5 新增元素梳理

HTML5新增元素如下图: <canvas> 新元素 <canvas> 标签定义图形,比如图表和其他图像,该标签基于javascript的绘图api 新多媒体元素 <audio> 定义音频内容 <video> 定义视频内容(video或者movie) <source> 定义多媒体资源<video>或者<audio> <embed> 定义嵌入的内容,比如插件 <track> 为诸如 <video