CSS IE7 IE6 Firefox多浏览器兼容(一)

在理想的环境中,编写正确的CSS会在支持CSS的每个浏览器中正常工作。不幸的是,我们并不是生活在理想的世界中,浏览器有不少的Bug和不一致的地方。为了创建能够在各种浏览器上显示相同样式的页面,CSS开发人员需要发挥创造性。通过利用Bug(hack)和未实现的CSS,卡发人员能够选择性地对不同浏览器应用不同地规则。“招数”和“过滤器”是CSS开发人员地强大工具。但是,正因为功能强大,使用时应该谨慎。了解各种常用招数以及他们地工作原理确实很重要。但是,了解在什么时候应用他们以及什么时候不应该使用也同样。

在后面讲陆续讲这样的一些东西。

  1. 招数和过滤器之间的差异。
  2. 好的过滤器和差的过滤器以及如何复责任地使用他们。
  3. IE地有条件注释。
  4. 星号Html过滤器和星号、加号Html过滤器。
  5. 注释反斜线过滤器和Holly招数。
  6. 反斜线过滤器和修改后地简化框模型招数(MSBMH)。
  7. !important 和下划线过滤器。
  8. 子过滤器和属性过滤器

多浏览器兼容是一件苦力活,其实没有什么难度,针对不同地浏览器利用上面讲地方法,适当地写上不同浏览器支持地样式,这样多浏览器在一块就和谐了。甚至在不同的操作系统也可以和谐共处。比如MAC和PC。要相信自己能够战胜这样的困难,多浏览器兼容需要不停的调试,需要耐心,我以前曾写过一个没有利用任何Bug(Hack、!important)的CSS,也可以完美支持所有的浏览器,虽然一个页面的CSS需要几天来调试,但是这件苦力活并不是不可能完成的。其实还是一句老话,世上无难事,只怕有心人。

WEB浏览器视频流播放方案 基于Media Source Extensions播放视频流 浏览器播放视频的几种方法 一、H5 video标签 在浏览器播放视频,可以使用HTML5原生的video标签。但其播放的格式使用一定限制的,目前video只支持三种格式WebM、Ogg、MP4。 WebM:WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器 Ogg :Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器 MP4: MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器 上面三种 阅读详情

相关推荐

Gephi新手必看:如何用Excel整理CSV数据快速生成网络图(附模板)

本文为Gephi新手提供了一份从Excel数据整理到生成专业网络图的完整指南。详细讲解了如何构建规范的节点表和边表CSV文件,并导入Gephi进行可视化分析。通过实战案例,帮助读者快速掌握利用Excel整理数据、规避常见错误,并运用布局算法与视觉编码,将复杂关系数据转化为直观的网络洞察。

weixin_28487433的博客 389

CSS完全兼容IE6、IE7、IE8、IE9和firefox方法【重要】

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的兼容方法(...

sunsineq的专栏 1461

Multisim 14.0实战:从零搭建可调幅多波形信号发生器(附仿真文件)

本文详细介绍了如何在Multisim 14.0中从零搭建一个可调幅多波形信号发生器,涵盖方波、三角波和正弦波的生成原理与实现步骤。通过核心电路架构解析、关键参数设计及Multisim实战操作,帮助电子工程学习者和硬件工程师掌握信号发生器的设计与调试技巧,并提供仿真文件供实践验证。

nokia的博客 1073

IE6,IE7,FireFox,Opera,Safari 兼容CSS的解决方法及CSS

IE6,IE7,FireFox,Opera,Safari兼容CSS的解决方法及CSS10/7/2009 8:07:45 PM 一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important    随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注

jimlong的专栏 1418

01-SA8155 QNX 虚拟机Hypervisor

Hypervisor运行在Host OS操作系统上,其他操作系统均在Hypervisor上运行。:Hypervisor直接运行在硬件上,操作系统在Hypervisor之上运行。终止(关闭):echo control 0 dev/vmm。路径:qnx_ap/AMSS/platform/vm/resources/关闭/终止 qvm(GVM):slay -s SIGQUIT qvm。", //host PVM --- 主机。不直接操作/dev/vmm 实现关闭,启动vm。

静虚待令,有物混成 1万+

传感器融合的智能演进:ST-MC-Workbench中霍尔与编码器的协同控制策略

本文探讨了ST-MC-Workbench中霍尔传感器与编码器的协同控制策略,通过传感器融合技术提升电机控制精度。文章详细介绍了分层处理架构、霍尔安装角度优化及编码器Z脉冲容错机制,展示了在新能源汽车和工业应用中的实际效果,为高精度位置检测提供了解决方案。

weixin_29159441的博客 482

解决IE6、IE7、IE8、Firefox CSS兼容性的 Hack 写法【记录下来,以后可以使用】

解决IE6、IE7、IE8、Firefox CSS兼容性的 Hack 写法 2010-08-11 15:28 每次调CSS最令人头痛的就是浏览器校正问题,因为每个浏览器对CSS的解释都不太一样,Firefox本身算是比较照规矩来,处理上比较简单,但是遇到微软的

Vange的专栏 2364

IEEE802.11bf: WLAN Sensing Standard

下表为IEEE802.11bf 定义的使用情境 (Use Cases)

qinsd19的博客 1056

ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!海量权威开发资料,。 所有浏览器 通用 height: 100px;   IE6 专用 _height: 100px; IE6 专用 *height: 100px;   IE7 专用 *+heigh

一路与你同行,我一直在学习 756

CVAT自动标注避坑指南:如何解决Nuclio工程创建失败和镜像拉取问题

本文是一份针对CVAT自动标注部署中常见问题的实战排障指南。文章深入剖析了Nuclio工程创建失败的根源,提供了网络配置、服务状态检查等系统性解决方案,并详细讲解了如何解决gcr.io等海外镜像拉取难题,帮助开发者顺利完成CVAT自动标注环境的搭建与部署。

weixin_29207533的博客 233

xlinx项目系列之基于zynq-7020ISP图像处理

本Demo基于zynq-7020(正点原子启明星+OV5640+4.3'800x480)实现了ISP图像处理(将ov5640的isp关闭,在7020上实现ISP功能),输出到LCD和HDMI,软件基于SDK裸机开发,2592x1944@15fp。位置: xil_ip_repo/xil_isp_lite_1.0。项目获取链接:2.基于zynq-7020实现ISP图像处理。位置: xil_ip_repo/xil_vip_1.0。

JY6669991010的博客 2635

css解决IE6,IE7,firefox兼容性问…

在当前IE6 IE7 FifeFox三分天下的情况下,浏览器兼容性问题成为网页设计者需要考虑的问题. 区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF:

carlcarry 4626

基于YOLOv8的表面裂痕等缺陷检测:深度学习与UI界面的实践

本文详细介绍了如何使用YOLOv8进行表面裂痕等缺陷检测,并结合图形用户界面展示检测结果。通过YOLOv8的强大能力,我们可以实现高效、准确的表面缺陷检测,提升工业产品的质量控制水平。未来,随着深度学习技术和数据集的不断发展,表面缺陷检测的精度和速度将不断提升,应用领域也将进一步拓展。希望本文的实践能够为深度学习在工业检测领域的应用提供一些启示。

YOLO 550

CSS IE7 IE6 Firefox多浏览器兼容(转&摘)

http://www.keephelp.com/css/divcss-ie7-ie6-firefox-1/ 在理想的环境中,编写正确的CSS会在支持CSS的每个浏览器中正常工作。不幸的是,我们并不是生活在理想的世界中,浏览器有不少的Bug和不一致的地方。为了创建能够在各种浏览器上显示相同样式的页面,CSS开发人员需要发挥创造性。通过利用Bug(hack)和未实现的CSS,开发人员能够选择性地对不...

weixin_34290352的博客 228

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

CSS兼容IE6、IE7、IE8和Firefox浏览器的方法

DIV+CSS相对IE6 IE7和IE8兼容问题整理   1.区别IE和非IE浏览器 以下是代码片段: #tip{ background:blue;/*非IE背景?色*/ background:red\9;/*IE6、IE7、IE8背景?色*/ }   2.区别IE6,IE7,IE8,FF   【区别符号】:「\9」、「*」、「_」   【示例】: 以下是代码片段: #tip{ background:blue;/*Firefox背景变蓝色*/ background:red\9;/*IE8背景变红色*/ *b

sunsineq的专栏 290

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

ie6 IE7 IE8 多浏览器css兼容写法

ie6 IE7 IE8 多浏览器css 写法 在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! /* 所有浏览器 通用*/ height: 100px;   /* IE6 专用 */ _height: 100px;   /* IE6

snowalkmount的专栏 811

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

ie浏览器样式兼容写法_Css样式兼容IE6,IE7,FIREFOX的浏览器的写法示例介绍

Css样式兼容IE6,IE7,FIREFOX的浏览器的写法示例介绍发布时间:2014-10-20 15:50:34 作者:佚名 我要评论FF和IE对一些符号识别上有些差异,可以利用这个差异单独对FF以及IE定义样式,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面根据FF和IE对一些符号识别的差异,我们可以单独对FF以及IE定义样式,例子:区别IE6与FF:b...

weixin_39879665的博客 147

IE6、IE7、Firefox之间的兼容写法

1、 IE6、IE7、Firefox之间的兼容写法:    写法一:    IE都能识别*;标准浏览器(如FF)不能识别*;  IE6能识别*,但不能识别 !important,  IE7能识别*,也能识别!important;  FF不能识别*,但能识别!important;  根据上述表达,同一类/ID下的CSS  hack可写为:  .searchInput {  background-co...

weixin_30485799的博客 179

css浏览器兼容写法 兼容ie6/ie7/ie8/Firefox

css浏览器兼容写法 兼容ie6/ie7/ie8/Firefox的写法. 区别不同浏览器,CSS hack写法:区别IE6与FF:background:orange;*background:blue;区别IE6与IE7:background:green !important;background:blue;区别IE7与FF:background:orange; *backgrou...

dixiao0316的博客 234

DIV+CSS解决IE6,IE7,IE8,FF兼容问题

DIV+CSS解决IE6,IE7,IE8,FF兼容问题 1.IE8下兼容问题,这个最好处理,转化成IE7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了: 1. 2. 2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,!important解决,比如 margin-left:10px!important;/*IE7,IE8,FF

梦里回忆-专栏 715

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:450px; _color:#ff0000;  

u013918420的专栏 987

CSS IE7 IE6 Firefox多浏览器兼容-著名的星号* Html Hack(招数)[z]

From: [url]http://www.keephelp.com/css/css-ie-firefox-divcss-6/ [/url] 对于CSS当中让IE7、IE6、Firefox兼容最著名且最有用的CSS过滤器之一是星号 * Html HACK。这个过滤器非常容易记住,它可以制定IE6和更低版本。正如你知道的,Html 元素被认为是网页上的第一个元素,即根元素。但是,IE 的所有当前版本...

zyjwy02 192

浏览器兼容 IE6、IE7、IE8、Firefox、Opera CSS hack区分

小知识:什么是CSS hack?   由于不同的浏览器,比如IE6、IE7、IE8、Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。   这个时...

u011927449的博客 386

CSS的“*”、“>”和“_”符号 IE6、IE7、IE8与Firefox的CSS兼容

新出了个IE8 更混蛋 暂且让IE先用IE7脚本解释在head中加入 <meta http-equiv="X-UA-Compatible" c /> 即可1. >是子选择符,用于匹配直接后辈,孙辈就不匹配了。IE6 不支持,兴例:li:hover>a 子对象选择符,只对儿子起作用,对孙子不起作用。li:hover a 后代选择符,对儿子,对孙子,对后代都起作用。2...

325

CSS HACK区别IE6、IE7、IE8、Firefox兼容性

本文向大家描述一下如何使用CSS HACK区别IE6、IE7、IE8、Firefox兼容性问题,针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack,相信你对本文介绍一定会感兴趣。 CSS HACK区别IE6、IE7、IE8、Firefox兼容性问题 1.区别IE和非IE浏览器 #tip{   background:blue;/*非IE背景藍色*...

likai_beibei521的博客 147

IE6,IE7,IE8,Firefox 兼容的css hack

如果你问一个前端工程师世界上最痛苦的事情是什么,十有八九都会回答浏览器差异。由于IE6的异常表现加上国内盗版XP系统的横行再加上XP默认绑定IE6人们一般不会去升级浏览器,导致浏览器的差异始终是前端工程师头疼的事情。 CSS hack由于不同的浏览器, 比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一...

iteye_20411的博客 242
上一篇: Sputnik - 50th Anniversary
下一篇: 老模版适应WordPress 2.3的新Tag
小笛迪
博客等级 码龄19年 2粉丝 0原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值