问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

Firefox与IE浏览器

发布网友 发布时间:2022-04-20 11:09

我来回答

5个回答

热心网友 时间:2022-04-20 12:38

我们针对不同的浏览器开发出不同的CSS文件,一个针对IE,一个针对Firefox,一个针对其它所有类型的浏览。这样,我们在设计时,就不用去考虑太多,只要我这个CSS能在FF中正常显示,我就不管IE下执行下怎么样了,同样IE中正常的CSS,也不去管它在FF中会是显示如何的乱。

首先,我们在HTML代码里要放入<link></link>标签,标签里先写入默认要用到的CSS文件的位置,建议放IE中用到的CSS文件,比如<link href="../css/ie.css" rel="stylesheet" type="text/css">,这样能避免在对方浏览器没有开启javascript的时候,无法判断浏览器类型的时候,也能以90%以上人使用的IE正常显示。

把下面这段JS放在HEAD中

<SCRIPT LANGUAGE="JavaScript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
//如果浏览器为IE,调用../css/ie.css
setActiveStyleSheet("ie.css");
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox,调用../css/firefox.css
setActiveStyleSheet("firefox.css");
}else{
//如果浏览器为其他,调用../css/other.css
setActiveStyleSheet("other.css");
}
}

function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="../css/"+title;
//document.getElementsByTagName("link")[0].href="/blog/css/"+title; 这一行中的0是指第一个名为<link>的标签,改为1,则表示第二个名为<link>的标签。href=“”里面就是放置CSS文件的路径,而title就是CSS文件的文件名
}
//-->
</SCRIPT>

热心网友 时间:2022-04-20 13:56

下面介绍用* html,* +html的hack写法,此方法可以通过CSS验证,也比较规范。哈哈,HACK本来是不归范的产物,只是我个人认为这种Hack写法是Hack写法中的规范而已,不要拿东西砸我!!!

我写一个例子

#sample {background:red;}

* html #sample {backgroud:green;}

* +html #sample{backgroud:blue}

在DW中建立一个sample层,写入以上代码,运行一下看看,你会在Firefox或是Netscape或Opera中看到,sample的背景色是红色的。在IE6中看到背景色是绿色的,而在IE7中却是蓝色的。好玩吧~

同样,你也可以应用到class和body中去,一样的道理,三个写法:

第一个是标准写法,针对所有浏览器都有效,但是一样的CSS在不同的浏览器中会变形,这个道理你明白吧,要不然你也不会来看我这篇文章了。Firefox,Oprea等非IE浏览器,不识别下面两种写法,所以理所当然的执行了第一种CSS代码,为红色背景。

第二个是只针对IE6,只有IE6会执行,其它浏览器都不执行。那么Firefox,IE7都不会读到这里的代码,IE6本来第一种是能执行的,可是因为第二种能识别,所以过滤了第一种的红色效果,变成了绿色背景。

第三个只针对IE7,只有IE7才能执行。IE6,firefox都不识别,当然只有IE7自己执行啦,同样的道理,能执行第一种,变成红色,可又被第三种过滤成蓝色背景。

热心网友 时间:2022-04-20 15:31

楼上说的都很先进,很详细,但大多数开发者都不愿意去费这么多劲的为每个浏览器开发相应的CSS啊,如果一个网站有很多很多的页面,那光开发CSS都累死人啊!现在不是都在讲WEB重构吗?讲标准化吗?以前光个FF和IE6就够让人头痛的了,现在又来个IE7,跟IE6又有了很大的差别!想要兼容所有浏览器又要通过W3C真是太麻烦了!
多数时候我们只要装上IE6和FF(IE7跟FF差不多),然后同时在两个浏览器中调试!然后在加上一些修正(用!important或IE的[CDATA])就OK了!

如下应用:
.DocAll li {
margin: 0px;
padding-top: 3px;padding-top: 1px !important;
}
#reSetMenu {display:block;position:fixed;/* IE不认识fixed,而FF认识 */<br/>left:0px;top:40%;width:14px;height:100px;z-index:99;}
* html #reSetMenu {position:absolute;} /* 这个只有IE认识 */

<!--[if IE 6]>
<style type="text/css">
/*<![CDATA[*/
body {overflow-x:hidden; overflow-y:auto;}
/*]]>*/
</style>
<![endif]-->

热心网友 时间:2022-04-20 17:22

Firefox和IE的核心不一样,对HTML代码解析也不一样,没办法的
很多网页上的功能用Firefox都不行

热心网友 时间:2022-04-20 19:30

html网页可以参考W3C标准 http://www.w3school.com.cn/w3c/w3c_html.asp
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
说课包括哪些方面 说课内容包括()。 如何在手机百度上删除对话记录? 结核病是什么样的疾病? 曹丕17岁得了肺痨,明知自己命不长久,还要强争王位,是不是很自私呢?_百... 古代小说常出现的病名 急求一篇"生活小窍门"(500字)的作文 至今最有什么小妙招 健康的戒烟方法 笔记本电池锁死是什么原因引起的? 壳型铸造的特点 模具中的钢板模和铸造模区别? “闻听三国事,每欲到许昌”的意思是什么? 铸铁模架(如图)上下模板是用什么型号材料铸造的,多少钱一吨? 日语里的 对不起 怎么读法 回答时要打中文字 对女朋友太着急了,摸了她,怎么哄? 如图1所示,展示了一个广为人知的历史故事--《曹冲称象》,聪明的曹冲巧妙地测出了大象的体重.从物理学 有一首英文歌是这样唱的,go,go,go,它是什么歌? 摸了女朋友不该摸的地方,女朋友生气了,伤了她的心,哭了怎么办 摸了女朋友那里,她推开我,生气了、怎么办!!! 约会的时候摸了女朋友,她叫我滚还骂我是流氓,现在什么都删了,是要分手的节奏,怎么办? go和fun是否同类? 我爱抚女朋友上边的时候,她总说痒,而且不像是装的..这是怎么回事,我该怎么办? go后面加什么有关于爱好的词 run,tⅰme,go不同类的是哪个? 天黑狼人杀怎么玩12人一局的游戏 我*我女朋友头发还有脸、她说她发颤、起鸡皮疙瘩。这是怎么回事? 守护甜心 心跳 的歌的罗马音 饭局狼人杀十二人局怎么开 12人局解锁条件攻 狼人杀详细玩法 用课堂游戏讲道理 请教冲压模具中的铸造模与钢板模具的差异 《世说新语》包括司马光砸缸汗不敢出吗?还有曹冲称象吗? 在线等!!!高分!!!虎坊桥有桥吗?它的历史是什么? 如何将历史典故运用于初中物理课堂 什么是铸造工艺图?包括哪些内容?它在铸件生产的准备阶段起着哪些重要作用? 铸造的工艺设计基本内容包括哪些 选举中的差额是什么意思? 派大星颜色颜料怎么调 如何分析供应商的报价? 新手妈妈必修课:如何给宝宝科学断奶 派大星是个什么人物,什么性格特点?和海绵宝宝什么关系 派大星的深层含义是什么? 眼睛肿是什么原因图片 这几天眼睛肿,好几天了不知道咋整的,看图片 眼角水肿是什么意思 怎样预防眼睛浮肿? 钢结构的报价说明怎么写 钢结构预算报价怎样做?,谢谢 钢结构安装报价需要那些依据