Fdream's Blog
专注于WEB前端开发
Powered by Google

Firefox和IE下的几个注释的bug

8 多云 2008-3
Fdream 发表于 乱弹IT, 已被阅读 3869 次, 评论 0 条
关键词:IE 浏览器
[ 阅读字体大小: ]

第一个,是以前说过的JS的一个注释的bug,在JS里尽量不要写<!--注释-->类型的注释,很容易导致整段JS被Firefox忽略。具体情况看这里:Firefox 2.0中奇怪的注释现象

第二个,在CSS代码中有这样的注释同样会导致Firefox忽略部分注释代码,所以在CSS也最好不要写“<!--注释-->”类型的注释。后来尝试了一下这种类型的注释:

引用内容:

/*注释*/

依然存在同样的问题,所以也尽量不要在CSS代码中写这样的注释,推荐这样写注释:

引用内容:

//注释

另外,在IE中还可以使用这种条件注释<!--[if !IE]>注释内容<![endif]-->,可以用来解决一些网页在IE和Firefox下的兼容性问题,例如:

引用内容:

<!--[if IE]>

<h1>您正在使用IE浏览器</h1>

<!--[if IE 5]>

<h2>版本 5</h2>

<![endif]-->

<!--[if IE 5.0]>

<h2>版本 5.0</h2>

<![endif]-->

<!--[if IE 5.5]>

<h2>版本 5.5</h2>

<![endif]-->

<!--[if IE 6]>

<h2>版本 6</h2>

<![endif]-->

<!--[if IE 7]>

<h2>版本 7</h2>

<![endif]-->

<![endif]-->

另外再补充两个非注释的bug:

第一个就是在IE 6或者IE 7中会出现的一个渲染bug,由于连在一起的浮动元素过多,导致在其中某些地方会多出几个字,对于这种问题有两个简单的办法。第一个就是在每个浮动元素或者几个元素(少量的,多了会存在同样的问题)之后加上这么一行:

引用内容:

<br clear="all" />

还有一个更简单的办法就是删除这代码之间的所有空格和换行,然后就不存在这个问题了。

第二个是当你用CSS指定一块区域的行高时,在Firefox下是没有问题的,在IE下会出现英文和中文不等高的情况,英文比中文要高一些,解决这个问题的办法就是为这一块指定一中唯一的字体,不要使用默认字体或者指定多种字体。这在做一些小的细节的时候常常会出现的。

Related articles 您可能对这些文章也感兴趣:
Related comments 与该文相关的评论:(我也想说几句)
Add a comment 我来说两句: 
禁止表情
禁止UBB
禁止图片
识别链接
识别关键字
表  情
arrow
用户名:   密码:  (匿名可不写) 同时注册?
验证码:   看不清?换个图片  看不清楚?换个图片

 
Copyright © 2005-2008,Fdream All Rights Reserved
Processed in 0.0625016 second(s) , unknow queries
Powered by OWord V0.1, Even Not Alpha
(此博客程序为半成品,请勿索取,以免给您的心灵造成创伤^_^)
鄂ICP备05026031号