CSS在IE6,IE7,FIREFOX中的区别

浏览器兼容性技巧
最新推荐文章于 2024-05-10 12:57:13 发布
原创 最新推荐文章于 2024-05-10 12:57:13 发布 · 131 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Firefox #CSS #浏览器 #XHTML #HTML

本文介绍了一种解决浏览器兼容性问题的方法，通过特定的CSS样式设置，可以分别针对Firefox、IE7及IE6实现不同的背景颜色显示，从而确保网页在不同浏览器上的表现一致。

首先是标准问题，要符合w3c的标准

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

我只试了一种：

1. firefox或者其它： background: red;

2. ie7:                    *background: green !important;

3. ie6:                    _background: blue;

 

 

可解决浏览器的兼容问题

解决跨浏览器兼容问题：CSS网页布局在IE和Firefox中
ZdqDeveloper的博客
10-03 331
在IE中，绝对定位元素的偏移参考的是最近的具有定位属性的祖先元素，而在Firefox中，绝对定位元素的偏移参考的是最近的非static定位的祖先元素。这样，在IE和Firefox中，绝对定位元素的偏移将参考具有定位属性的父元素。在IE和Firefox中，浮动元素的布局也存在差异。在IE中，浮动元素的宽度默认为内容的宽度，而在Firefox中，浮动元素的宽度会自动调整以适应父元素的宽度。在上面的示例中，我们将box-sizing属性设置为border-box，以确保元素的宽度和高度包括内边距和边框。
css 简单区别ie6,ie7,firefox的写法
09-27
本话题主要探讨如何通过特定的CSS写法来区分IE6、IE7和Firefox这三种浏览器。下面我们将详细解释这种写法的工作原理及其背后的浏览器兼容性问题。 首先，我们要了解的是CSS Hack的基本概念。CSS Hack是针对不同...
ie6 css padding,CSS中IE6、7和火狐对margin、padding的兼容性解析
weixin_34177601的博客
08-03 242
该楼层疑似违规已被系统折叠隐藏此楼查看此楼1、IE与Fire Fox识别CSS属性区别标签 !important #page_body{width: 1000px !important;height:30px !important; width: 980px ;height:36px ;} 以上样式在IE6/7中只执行width: 980px与height:36pxFireFox中则优先执行带有...
ie6 css 下划线,DIV+CSS网页排版中IE6，IE7，firefox火狐浏览器兼容性写法
weixin_33331978的博客
08-03 229
DIV＋CSS网页排版具有利于SEO和网页打开速度更快的优点，然而浏览器兼容问题一直困绕着许多从事DIV＋CSS网页排版的美工人员，以下SEMHR.cn为大家准备了，用于测试IE6.0、IE7.0及firefox火狐浏览器兼容的实例，区分IE6，IE7，firefox 火狐浏览器CSS hack写法：区别IE6与FF：background:orange;*background:blue;区别IE6...
ie6 css padding,css padding兼容ie6,ie8,firefox办法
weixin_33979216的博客
08-03 280
因为不同浏览器对padding理解不一样，所以在浏览时会有点差别。下面分享下 csspadding兼容ie6,ie8,firefox的做法.padding 简写属性在一个声明中设置所有内边距属性。说明这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容...
CSS完全兼容IE6、IE7、IE8、IE9和firefox方法【重要】
sunsineq的专栏
06-11 1405
1、圆角 左上角、右上角、右下角、左下角（顺时针） /* Gecko browsers */ -moz-border-radius: 20px 20px 20px 20px; /* Webkit browsers */ -webkit-border-radius: 20px; /* W3C syntax */ border-radius:20px; 2、 (十年积累)div+css完全兼容ie6 ie7 IE8 IE9和firefox方法 简单方法： IE6,IE7,IE8,FF的兼容方法(...
css firefox hack,IE6、IE7、Firefox浏览器CSS hack写法
weixin_35282782的博客
08-03 351
相信做网站开发的朋友多少有点知道CSS hack这个词，就是由于各种浏览器对CSS的解析认识不一样，导致生成的网页效果不一样，如在IE7下显示是正常的网页，很可能在IE6或者Firefox中显示变形。所以我们在写CSS的时候就要非常了解各种浏览器的特性，来合理设置CSS，这样使得尽可能多的浏览器兼容网页。不过我相信浏览器的不断标准化，相信未来我们在做网页设计的时候就可以不要CSS hack了，希望...
ie7的css兼容性写法,CSS- ie6,ie7,ie8 兼容性写法,CSS hack写法
weixin_36271649的博客
08-03 476
css ie6,ie7,ie8 兼容性写法,CSS hack写法margin-bottom:40px; /*ff的属性*/margin-bottom:140px\9; /* IE6/7/8的属性 */color:red\0; /* IE8支持 */*margin-bottom:450px; /*IE6/7的属性*/ +margin-bottom...
CSS Hack详解 支持IE 6-11、Chrome、FireFox、Safari、Opera
2301_76379381的博客
05-10 1348
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
html div css在ie中乱,css一招解决不同浏览器页面错位问题
weixin_36103691的博客
06-15 816
用CSS+DIV来写网站代码的好处显而易见，这里不多说了，但由于不同浏览器对CSS的解释不统一，造成不同浏览器下页面错位的现象十分常见……页面乱的原因是因为IE6认为一个DIV超宽了，所以把本应float;right的DIV挤了下去。而如果设置为IE6下显示正常的宽度，则在IE7和Firefox下看页面就会少了一块一样，也很别扭….怎么办？用CSS HACK 来改写CSS代码改写前：xxx. yy...
css怎么区别火狐谷歌,CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera
weixin_42402228的博客
08-04 454
现在的浏览器IE6-IE10、Firefox、Chrome、Opera、Safari。。。数量众多，可谓百家争鸣，对用户来说有了很多的可选择型，不过这可就苦了Web前端开发人员了。今天把一些常用的CSS Hack整理了一下，包括常用的IE hack以及火狐、Chrome、Opera浏览器的Hack，并把这些CSS Hack综合的一起，写了一个小的浏览器测试器。如图所示：下面就来看一下代码吧：htm...
如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
12-13
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: 设置 ...
区分IE6,IE7和firefox的CSS hack
01-19
区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6：background:orange;*background:green !important;*background:blue; 注...
CheesyFabric_deepdive_analyst_7984_1764666209192.zip
12-03
CheesyFabric_deepdive_analyst_7984_1764666209192.zip
【卫星抗干扰】一种用于全球导航卫星系统反欺骗的空时融合方法【附MATLAB代码】.rar
12-03
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
遗传算法重新配置配电网络（IEEE 33和69总线系统.zip
最新发布
12-03
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
windows下定期自动清空某个文件夹（比如在公司电脑上定期清空微信的聊天记录）
12-03
windows下定期自动清空某个文件夹（比如在公司电脑上定期清空微信的聊天记录）
网络爬虫基于Python的豆瓣电影Top250数据采集：使用Requests与BeautifulSoup实现网页内容解析
12-03
内容概要：本文通过一个简单的Python爬虫实例，演示了如何使用requests库发送HTTP请求，获取豆瓣电影Top250页面的数据，并利用BeautifulSoup解析HTML内容，提取出中文电影名称。代码实现了基本的网页抓取与数据清洗流程，包括设置请求头模拟浏览器行为以应对简单反爬机制、解析响应文本以及过滤非中文片名，最终输出纯净的电影标题列表。; 适合人群：具备Python基础语法知识，对网络爬虫感兴趣的初学者或刚入门的数据采集学习者；适合学习Web数据获取的基本流程和技术栈。; 使用场景及目标：①学习如何使用requests发起网络请求并携带请求头信息；②掌握BeautifulSoup进行HTML结构化解析的方法；③理解网页内容提取与数据过滤的基本逻辑，为后续深入学习爬虫框架（如Scrapy）打下基础。; 阅读建议：建议读者在本地环境中配置好相关库（requests、BeautifulSoup），动手运行并调试代码，尝试修改选择器或目标网站以加深理解，同时注意遵守网站的robots协议，合理控制请求频率。
基于粒子群优化算法的p-Hub选址优化（Matlab代码实现）
12-03
内容概要：本文介绍了基于粒子群优化算法（PSO）的p-Hub选址优化问题的研究与实现，重点解决在考虑不确定性因素下的集群式物流或交通网络中枢纽节点（Hub）的选址优化问题。通过构建数学模型，结合Matlab编程实现粒子群算法对p-Hub选址问题进行求解，旨在最小化网络总体运输成本并提升系统效率。文章涵盖了问题建模、算法设计、参数设置及仿真结果分析全过程，展示了PSO在复杂组合优化问题中的应用能力。; 适合人群：具备一定运筹学、优化算法基础，熟悉Matlab编程，从事物流网络设计、智能算法研究或交通系统优化等相关领域的研究生、科研人员及工程技术人员。; 使用场景及目标：①掌握p-Hub选址问题的基本理论与建模范式；②学习如何基于粒子群优化算法的p-Hub选址优化（Matlab代码实现）将粒子群优化算法应用于实际网络优化问题；③通过Matlab代码实现理解智能优化算法的编码流程与调参技巧；④为物流、通信、航空等枢纽网络设计提供解决方案参考。; 阅读建议：建议读者结合文中提供的Matlab代码逐行理解算法实现细节，尝试调整参数或引入其他改进策略（如自适应权重、混合算法）以提升优化性能，同时可扩展至带容量约束、多分配或多目标的Hub选址问题进行深入研究。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值