首页 相关文章 网页设计问题汇总:IE和FirFox兼容问题

网页设计问题汇总:IE和FirFox兼容问题

ie和火狐兼容问题

1. document.form.item 问题

(1)现有问题:

现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行

(2)解决方法:

改用 document.formName.elements["elementName"]

2. 集合类对象问题

(1)现有问题:

现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox(火狐)不能。

(2)解决方法:

改用 [] 作为下标运算。如:

又如:

3. window.even...[ 查看全文 ]

2016-02-20 标签:
  • 标签:Web开发
    网上很多,这类的兼容问题的汇总,但是个人不经常hack。IE8的hack用的更少。贴出来以备以后查阅。  程序代码 #box{ color:red; /* 所有浏览器都支持 */ color:red !important;/* Firefox、IE7支持 */ _color:red; /* IE6支持 */ *color:red; /* IE6、IE7支持 */ *+color:red; /* IE7支持 */ color:red\9; /* IE6、IE7、IE8支持 */ color:red\0; /* IE8支持 */ } [ 查看全文 ]
  • 标签:Web开发
    CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1、DOCTYPE 影响 CSS 处理 2、FF:div 设置 margin-left, margin-right 为 auto 时已经居中,IE 不行 3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4、FF: 设置 padding 后, div 会增加 ...[ 查看全文 ]
  • 标签:Web开发
    网上很多,这类的兼容问题的汇总,但是个人不经常hack。IE8的hack用的更少。贴出来以备以后查阅。    程序代码 #box{ color:red; /* 所有浏览器都支持 */ color:red !important;/* Firefox、IE7支持 */ _color:red; /* IE6支持 */ *color:red; /* IE6、IE7支持 */ *+color:red; /* IE7支持 */ color:red\9; /* IE6、IE7、IE8支持 */ color:red\0; /* IE8支持 */ } [ 查看全文 ]
  • 标签:Web开发
    一、少用偏门。 类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。 二、center不是float的值。 很多新手都会把center误认为是float的值,而偏偏不是如此。center只是text-align的值。 三、对齐不能包括两个值。 很多新手会在float或者text-align中填写两个值,比如:float:left top。这是不允许...[ 查看全文 ]
  • 标签:Web开发
    微软在IE8提供三种解析页面的模式 IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定 IE7 Standards Modes :IE7现在用的解析网页的模式,开起机关是在head中加入 meta http-equiv="X-UA-Compatible" content="IE=7" Quirks Modes :IE5用的解析网页的模式,开起机关是删除HTML顶部的DOCTYPE声明 注意:不同模式间的网页在IE8中可以互相 frame ,因此因不会模式下的DOM和CSS渲染不...[ 查看全文 ]
  • 标签:Web开发
    IE8在默认情况下是使用全新的标准模式(Standard Mode)显示引擎来显示网页。 如果网页代码还没有标准化, 在IE8下可能会显示不正常。 重写网页代码使之标准化的工作量很大,需要长时间慢慢修复。 一个简单快捷的方法就是让IE8继续IE7的显示引擎来显示你的网站,我们称这个旧的显示引擎为兼容视图(Compatibility View) 。  在网页里面加入这行代码就可以使IE8使用兼容视图: meta http-equiv="X-UA-Co...[ 查看全文 ]
  • 标签:Web开发
    1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式...[ 查看全文 ]
  • 原文链接:http://www.cnblogs.com/JustinYoung/archive/2007/04/19/good-tools-for-web-developer.html 第一个是微软的一个小东西,利用这个能够很轻松的掌握网页的DOM结构,对应那些结构比较复制的网页分析很有特效. iedevtoolbar下载地址如下: 本地(较老版本):http://files.cnblogs.com/JustinYoung/iedevtoolbar.rar 官方(最新版本):http://www.microsoft.com/downloads/details.aspx?F...[ 查看全文 ]
  • 标签:Web开发
    关于用脚本设置onload事件句柄 在IE、Opera均正常有效,唯独FF既不执行,也不报错,因为在FF,document.body.onload是undefined(未定义),把一个函数赋值给undefined既不会发生什么事情,也不算出错。 这么写的在IE、Opera和FF都有效: 关于用脚本绑定事件句柄 IE 下用 attachEvent, FF 下用 addEventListener 相关讨论如下: http://search.blueidea.com/?q=addEventListener&bi...[ 查看全文 ]
  • 标签:Web开发
    CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 hei...[ 查看全文 ]
  • 标签:Web开发
    CSS网页布局中往往会出现很多IE与FF不兼容问题,下面整理了一些常见的可能及其解决的办法! 1、用!important解决IE和Mozilla的布局差别 !important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权,最重要的一点是:IE一直都不支持这个语法,而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义,例如,我们定义这样一个样式: .colortest{ ...[ 查看全文 ]
  • 标签:Web开发
    找Bug 篇 原始代码,未做修正: 运行代码框 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"head runat="server"meta http-equiv="Content-Type" content="text/html; charset=utf-8" /meta http-equiv="Co...[ 查看全文 ]
  • 标签:电脑入门
    问:Windows 7如何解决软件兼容问题? 答: 微软Vista之所以没有XP成功,正是由于其兼容性的诟病。所以对于Windows7,微软在程序兼容性下大下功夫,首先对于能正常运行在Vista上的程序,Windows7保证都可以兼容。但是对于那些能运行在XP上,却不能运行在Vista上的程序,Windows7也不能兼容。对于不兼容的程序,我们可以尝试利用兼容性模式来运行,具体做法是: 右键单击需要在兼容模式下运行的程序,选择...[ 查看全文 ]
  • 上个星期日,我终于如愿以偿,借到了VS.NET的安装盘,于是迫不及待,马上进行安装。经过漫长的等待后,我的电脑终于有了一个.NET的开发环境。赶紧打开《程序员 2003 合订本》的光盘,找到几个C#的示例程序打开,但是打开的时候却弹出一个对话框来,说什么不是有效的解决方案。我以为是VS.NET出了什么问题,于是打开安装盘上的示例程序,却能正常打开。我发现是版本的问题,因为我安装的版本是2002的。一开始...[ 查看全文 ]
  • 标签:电脑入门
    随着科学技术的发展,双核处理器在我们生活中应用已经极为平常,双核处理器(Dual Core Processor)是指在一个处理器上集成两个运算核心从而提高计算能力。 你可以打开任务管理器,点击性能,就可以查看CPU的工作状态。 虽然在大多数情况下,双核工作是我们的最佳选择。然而,在有些时候,双核处理器也有其弊端。例如,一些比较老的程序,用双核处理器中运行就会出现卡机等异常。 在Windows7中,你可以...[ 查看全文 ]
  • 标签:Web开发
    怎样才是符合web标准? 简单说就是不用HTML+table来设计页面,改用XHTML+CSS来实现。 怎样是代码校验? 代码校验就是检查你制作好的页面是否完全符合web标准。通常可以到W3C的网站去校验。 什么是DocType,有什么用? DOCTYPE是document type(文档类型)的简写,用来说明你的网页是什么标识语言(XHTML或者HTML)是什么版本。 我应该使用是么样的DOCTYPE? 初次学习web标准的设计师推荐使用XHTML 1.0过渡式的D...[ 查看全文 ]
  • 标签:Web开发
    一、针对firefox ie6 ie7的css样式 现在大部分都是用!important来 hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释, 会导致页面没按要求显示!找到一个针对IE7 不错的hack方式就是使用*+html,现在用IE7浏览一下,应该没有问题了现在写一个CSS可以这样:  Example Source Code #abc { color: #333; } /* Moz */ * html #abc { color: #666; } /* IE6 */ *+html...[ 查看全文 ]
  •     1、页面内容要新颖     网页内容的选择要不落俗套,要重点突出一个“新”字,这个原则要求我们在设计网站内容时不能照抄别人的内容,要结合自身的实际情况创作出一个独一无二的网站。 放眼望去,网上的许多个人主页简直就是"杂货店",内容包罗万象,题材千篇一律,人人都是"软件下载",个个都有"网络导航",从头到尾找不出一丝“鲜”意。所以,我们在设计网页...[ 查看全文 ]
  • 标签:Web开发
    1.配色问题 一个网页的色彩最好不要超过3种,一面视觉效果混乱,用色柔和,对比度强的色彩不能应用于一般网站,时尚网站使用还可以。一般不好搭配的颜色,用灰度搭配。 2.字体问题 很重要的一个问题,用标准字标准色,这是一个规范,行距一般控制在20px左右,不要太小,也不要太大,自己大小注意,中文12px,英文11px或者10px。不要用黑色字,可以用灰度或者其它柔和颜色,统一整个网...[ 查看全文 ]
  • 标签:Web开发
    ie6目前依然是国内用户的主要浏览器,因此作为网页前端开发来说,无可避免必须兼容IE6浏览器,这里有十条使用有效的html和css代码修复可以兼容ie6常见的问题。 我们知道ie会在一段时间内仍然流行,但是我们仍然可以支持浏览器并且避免hacks和条件css吗?这里有十条使用有效的html和css代码修复可以兼容ie6常见的问题。 1、使用一个声明 你必须经常在html网页头部放置一个声明,推荐使用严格的标准。例如 ...[ 查看全文 ]
手机页面 收藏网站 回到头部