Opera的一个小BUG

简介

这个BUG是关于<!DOCTYPE>标签的。

这个标签一般可以简单的写作:

<!DOCTYPE HTML>
表示这是一个HTML文档

对于HTML 4.01的三个标准分别还有三种写法 详见http://www.w3school.com.cn/tags/tag_doctype.asp

发现

最近使用eclipse做jsp网页,其中自动生成的<!DOCTYPE>标签为:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
乍一看也没什么问题,平时也没注意到有什么问题

当用jQuery时就出现问题了:

正常显示:

2010080309175851.png

不正常显示:

2010080309184090.png

不正常的地方: 对话框的标题变高了,Cancel和ok按键也是位置变高了

一开始我还以为是Opera内置的默认样式的问题(IE,chrome,firefox下正常显示),把默认样式覆盖掉,依旧还有这样的问题

然后,采用原始的办法,把页面中其他元素去掉,只留这个对话框所必须的,再把jsp生成的源代码和正常显示的代码一行行相比较……

最终发现是<!DOCTYPE>这个元素的问题:估计是Opera找不到那个DTD。

解决

把jsp中<!DOCTYPE>改成一下两种即可正常显示:

<!DOCTYPE html> <!-- 使用默认DTD也行 -->
 或

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
无论用HTML或XHTML最后这个URL都要指定,防止找不到DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

转载于:https://www.cnblogs.com/pcy0/archive/2010/08/03/opera_bug_zzz.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值