首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS兼容性的一些Hack方法

--[if gte IE 6]> 这段文字只在IE6以上(包括)版本IE浏览器显示 只在IE8上不生效 和Opera/Firefox/Chrome的hack,本例特别要注意顺序 IE6显示为:橘色, IE7显示为:粉色, IE8显示为:黄色, IE9显示为:紫色, IE10显示为:绿色, Firefox...我们常说的IE7专有*+hack的格式是*+html selector,而不是上面的直接在属性上加*+前缀。...demo2实例是用于区分标准模式下ie6~ie9和Firefox/Chrome的hack,注意顺序 IE6显示为:绿色, IE7显示为:黑色, IE8显示为:红色, IE9显示为:蓝色, Firefox...ie6~ie10和Opera/Firefox/Chrome的hack,本例特别要注意顺序 IE6显示为:橘色, IE7显示为:粉色, IE8显示为:黄色, IE9显示为:紫色, IE10显示为:绿色,

1.2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    小心onpropertychange在ie8上的地雷

    今天遇到一个很神奇的bug,网站上面有个表单提交的页面需要做是否离开此页的功能(就是如果修改了表单后未保存就离开这个页面),之前做这个功能的人为了方便就把input标签写成这样: 在写js的时候,又加了一段: $(document).ready({ $("#a").bind('blur',function(d){....}); }); 然后就发现在ie8上面,没有修改表单也会出现提示...调试了一下,没有发现任何代码的错误。而且只有在ie8上才回重现这个bug。想想之前改过的那些操蛋的ie8的bug。我开始在ie8上面找问题。...onpropertychange的话,只要当前对象属性发生改变,都会触发事件,而且这个玩意是ie专属的 好吧,进入ie8的调试模式,发现页面在加载的时候顺便触发了#a的onpropertychange事件...于是我猜想是不是那段#a的blur代码影响了,将blur事件换乘οnblur=”ablur();”,居然真的好了 后面尝试了一下,原来ie8判断在js上为标签添加的事件都属于属性的变化,所以会触发onpropertychange

    90520

    前端必看!各大浏览器 CSS Hack 收集

    由于各浏览器的内核不同,所以会造成一些误差就像JS一样,一个JS网页特效,在微软IE6、IE7、IE8浏览器有效果,但可能在火狐(Mozilla Firefox)谷歌浏览器无效,这样就叫做JS hack...:IE8、IE9支持 4、各种CSS hack情况介绍 1.区别IE和非IE浏览器 #tip{ background:blue; background:red9; } 2.区别IE6,IE7,IE8...; } 【说明】:IE7和IE6可读「*」(米字号),IE6又可以读「_」(底线),但是IE7却无法读取「_」,至于Firefox(非IE浏览器)则完全无法辨识「*」和「_」,因此就可以透过这样的差异性来区分...」(米字号),但IE6可以辨识「_」(底线),IE7却无法辨识,透过IE7无法读取「_」的特性就能轻鬆区隔IE6和IE7之间的差异。...//IE7 _color:#EBEBEB; //IE6 } 可以看出,利用字符识别无法区分IE8和IE9,我们可以从伪类的识别来区分 element{ color:#6669;?????

    1.6K130

    IE6,IE7,IE8下报JS错误:expected identifier, string or number的原因及解决办法

    今天在调试一个页面的时候遇到一个问题,在IE9下运行得很好的脚本,在IE8里打开的时候弹出错误:expected identifier, string or number,按照经验,应该是定义对象的时候最后一个属性末尾跟了逗号...,但检查一遍后没发现有这种情况,后来仔细看了一下报错的位置,发现有定义json对象属性时,属性名没有用引号括起来,于是加了上去再试,问题解决了。...综上所述,当出现expected identifier, string or number的错误时,你首先应该检查在使用对象字面量时是否在最后一个属性后跟了逗号,这在js新手写的代码中比较常见,如: {...‘a’: ‘aValue’, ‘b’: ‘bValue’, } ,其次,应该检查字面量的属性名是否用引号括起来了,错误示例: { a: ‘aValue’, b: ’bValue’ } 改成: {

    1.9K30

    CSS- ie6,ie7,ie8 兼容性写法,CSS hack写法

    css ie6,ie7,ie8 兼容性写法,CSS hack写法   margin-bottom:40px;       /*ff的属性*/ margin-bottom:140px\9;    /* IE6...=================================== 三、CSS hack写法     书写顺序为FireFox在最前,其次是IE8、IE7,最后是IE6。           ...;的实际宽度是320px;而在IE6中,div的完整宽度是width,所以 这个div和下面的div宽度一致。        ...padding的问题 首先我们说说firefox和IE对CSS的宽度显示有什么不同:    其实CSS ’width’ 指的是标准CSS中所指的width的宽度,在firefox中的宽度就是这个宽度。...目的就是解决浏览器默认值的问题。 第五招:针对IE6、IE7、FF的css样式(这一招在特殊情况下经常用到) 原来建设网站经常使用!important来设置优先权,但有了IE7之后就不行了。

    2.2K40

    浏览器之争

    正在这三家闹得不可开支的时候,谷歌也插入一脚,推出了自家的Chrome浏览器,速度也比IE6快出许多。同时在WEB标准支持方面IE6是最差的,最令人诟病的。    ...于是微软不干了,急忙推出了IE7出来争夺领土。虽然IE7相比IE6已经有很大的进步,但很可惜的是它和其他的浏览器还是有很大的差距。随着火狐和苹果浏览器的不断升级,这个差距更加明显。...占用系统资源方面IE7还是很臃肿,而且速度也不尽人意,在CSS支持方面IE7也很不如意…     后来微软一咬牙,经过几个测试版的IE8之后终于发布了IE8正式版。...不过在IE8选项里面设置其实也可以达到和火狐一样的效果的。 右键菜单方面:IE8做得会比火狐好很多,可能是IE8比较广的兼容性吧,可以保存某个地方的背景图片等等。...他们注重的是操作系统和简便性,搞笑的是用户常常抱怨IE7或者IE8操作不习惯要换回IE6,而火狐就更不用说了,不在大众习惯考虑之列。

    42320

    【转】http-equiv=X-UA-Compatible 设置IE浏览器兼容模式详解

    前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式,文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。...为了将这个风险降到最低,IE6允许网页开发人员选择IE编译和显示他们网页的方式。"...为了帮助减轻所有问题,IE8引入文件兼容性的概念,使 你能选择你的网页设计要对应的特定IE版本。文件兼容性在IE8增加了一些新的模式,这些模式能告诉浏览器如何解析和编译一个网页。...在IE6引入的compatMode功能不支持在IE8引入的documentMode功能。目前使用compatMode建立的应用程式还能在IE8中作用,但它们必须更新为使用documentMode。...这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器,谷歌这个墙角挖的真给力!

    2K10

    兼容性测试工具分享

    IETester可以在独立的标签页中开启IE5.5、IE6、IE7,IE8 ,IE9,IE10,IE11这7个不同版本的IE,原则上支持WIN8 desktop,WIN7,XP和Vista操作系统。...注意事项: 1)Windows 8 desktop, Windows 7, Windows Vista 或Windows XP 至少安装IE7(Windows XP/IE6 的配置会有很多问题,并且在XP...下若没有IE7的话, IE8 的实例不工作 ) 2)如果IE10不是系统默认安装的浏览器版本,那它就不可用。...根据微软的介绍,SuperPreview的可用IE版本视系统已安装IE浏览器的版本而定,如果系统安装了IE8,那SuperPreview浏览器测试可用版本就包括IE8、IE7和IE6;如果系统安装了IE7...,那SuperPreview只包括IE7和IE6;如果系统安装了IE6,那SuperPreview只能测试IE6。

    3.7K80

    CSS Hack技术介绍及常用的Hack技巧

    1、属性级Hack:比如IE6能识别下划线”_”和星号” * “,IE7能识别星号” * “,但不能识别下划线”_”,而firefox两个都不能认识。...–您的代码–>,这类Hack不仅对CSS生效,对写在判断语句里面的所有代码都 会生效。 PS:条件注释只有在IE浏览器下才能执行,这个代码在非IE浏览下被当做注释视而不见。...9; /* IE6、IE7、IE8、IE9 识别 */color:red\0; /* IE8、IE9 识别*/color:red\9\0; /* 仅IE9识别 */color:red \0; /* 仅IE9...important的支持 !important一般用来做区分IE6和Firefox等浏览器的基本Hack手法。因为IE6不支持!important,而Firefox能读懂!...important,其改变了样式的优先级。其实IE6在某些情况下,也能认识!important。 例如: .demo{color:red !

    1.2K30
    领券