[推荐] 【分享】CSS Hack的基本原理、常用CSS hack及使用原则 [问题点数:66分,结帖人WebAdvocate]

Bbs6
本版专家分:5096
版主
结帖率 90.28%
Bbs6
本版专家分:5096
版主
Bbs7
本版专家分:13812
Blank
红花 2011年3月 Web 开发大版内专家分月排行榜第一
Bbs1
本版专家分:10
Bbs1
本版专家分:0
Bbs2
本版专家分:129
Bbs1
本版专家分:2
Bbs5
本版专家分:2775
Bbs1
本版专家分:2
Bbs1
本版专家分:0
Bbs1
本版专家分:21
Blank
微软MVP 2011年10月 荣获微软MVP称号
2010年10月 荣获微软MVP称号
Blank
红花 2009年12月 VC/MFC大版内专家分月排行榜第一
2009年11月 VC/MFC大版内专家分月排行榜第一
2009年10月 VC/MFC大版内专家分月排行榜第一
2009年9月 VC/MFC大版内专家分月排行榜第一
Blank
黄花 2009年8月 VC/MFC大版内专家分月排行榜第二
Blank
蓝花 2010年1月 VC/MFC大版内专家分月排行榜第三
Bbs8
本版专家分:30757
Blank
黄花 2018年11月 Web 开发大版内专家分月排行榜第二
Bbs1
本版专家分:8
Bbs1
本版专家分:16
Bbs1
本版专家分:2
Bbs1
本版专家分:11
Bbs1
本版专家分:0
Bbs1
本版专家分:2
Bbs1
本版专家分:5
Bbs1
本版专家分:0
Bbs1
本版专家分:5
Bbs4
本版专家分:1063
Bbs1
本版专家分:0
Bbs1
本版专家分:2
Bbs1
本版专家分:52
Bbs1
本版专家分:5
Bbs1
本版专家分:2
Bbs1
本版专家分:10
Bbs9
本版专家分:51241
Blank
黄花 2013年11月 Web 开发大版内专家分月排行榜第二
Blank
蓝花 2013年10月 Web 开发大版内专家分月排行榜第三
Bbs10
本版专家分:186808
Blank
进士 2009年 总版技术专家分年内排行榜第七
Blank
金牌 2009年9月 总版技术专家分月排行榜第一
Blank
银牌 2009年8月 总版技术专家分月排行榜第二
Blank
红花 2011年11月 Web 开发大版内专家分月排行榜第一
2009年10月 Web 开发大版内专家分月排行榜第一
2009年9月 Web 开发大版内专家分月排行榜第一
2009年8月 Web 开发大版内专家分月排行榜第一
2009年7月 Web 开发大版内专家分月排行榜第一
2009年6月 Web 开发大版内专家分月排行榜第一
2007年7月 Web 开发大版内专家分月排行榜第一
2007年6月 Web 开发大版内专家分月排行榜第一
Bbs1
本版专家分:5
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs1
本版专家分:11
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs2
本版专家分:402
Bbs1
本版专家分:6
Bbs1
本版专家分:10
Bbs1
本版专家分:6
Bbs1
本版专家分:0
Bbs2
本版专家分:438
Bbs1
本版专家分:0
Bbs1
本版专家分:5
Bbs1
本版专家分:0
Bbs1
本版专家分:2
Bbs1
本版专家分:0
其他相关推荐
css hack分类及使用方法
hackIE条件注释法 hack选择符前缀法 hack样式属性前缀法
css hack,escape from css hack
怎样避免使用css hack ,大家都知道css hack不符合标准
关于浏览器 hack 目前ie版本为IE11
ie hacker
火狐浏览器hack
主要有以下几种:   @-moz-document url-prefix() { .selector { property: value; } }上面是仅仅被Firefox浏览器识别的写法,具体如:  @-moz-document url-prefix() { .demo { color:lime; } }支持Firefox的还有几种写法:  /* 支持所有firefox版本 */ #s
CSS网页布局与浏览器兼容
本书配套光盘中提供了所有实例的源文件和素材,以及相关的视频教程。
Firefox专属hack的写法
之前只有ie6、ie6、firefox时,只要写!important就能够零丁给firefox做hack了,可是此刻多了ie八、opera、chrome等这些个所说的规范浏览器后,firefox能熟悉的工具它们都熟悉,偏生firefox有个致命的bug就是不撑持input的line-height属性,于是我又犯合计了,怎么办怎么办怎么怎么办呢? 网上搜刮一大圈,终于发明1个好措施,那就是@-mo
面试之css
1.超链接访问过后hover样式就不出现的问题是什么?如何解决? 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A(link,visited,hover,active) 2.什么是Css Hack?ie6,7,8的hack分别是什么? 针对不同的浏览器写不同的CSS code的过程,就是CSS hack。 #test...
经常遇到的浏览器的兼容性有哪些? 原因,解决方法是什么,常用hack的技巧 ?
1.背景介绍 浏览器兼容性 网页浏览标准只规定了接口,并没有接口实现的详细规范,使得各浏览器对相同的功能使用了不同的实现方法,并导致了功能实现的差异。这些差异按程度由显示方面到核心概念都存在。为了使得用户在不同的浏览器访问网页时看到同样的显示内容和效果,就需要考虑浏览器的兼容性问题。   2.知识剖析 CSS Hack 面对浏览器诸多的兼容性问题,经常需要通过CSS样式来调试,其中用的...
css代码仅在chrome浏览器中有效 / css中chrome浏览器兼容hack
css代码仅在chrome浏览器中有效 css中chrome浏览器兼容hack @media screen and (-webkit-min-device-pixel-ratio:0) { #top div a { left:0px; }}
css3兼容IE8的方案 各个ie的hack
虽然现在很多项目已经对低版本IE不要求了,但是还有部分公司对IE8还是很执着的,咱作为屌丝前端程序员不能和老板说前端潮流,不能说趋势,只能动脑子了,下面就分享一些css3兼容ie8的方案思路。主要是实现弯道超车。 比如css3的nth-child选择器,它有多好用就不解析了,问题它不兼容ie8,怎么破呢? 1.用jq选择器实现弯道超车,比如我想选择前面五个li,可以这样选。$("li:nth-
ie6、7、8、9单独hack兼容写法
styletypestyletype=”text/CSS”>  #body{   border:2pxsolid#00f;/*Firefox的属性*/   border:2pxsolid#090\9;/*IE6/7/8的属性*/   border:2pxsolid#F90\0;/*IE8支持*/     _border:2pxsolid#f00;/*IE6的属性*/   }
css 代码判断浏览器分辨率写不同的样式
代码:@media screen and (min-width:991px) and (max-width:1199px) {}min 含 991max 不含 1199
通过条件注释hack创建只对IE生效的样式
CSS,Hack速查
CSS,Hack速查
达内科技内部资料一CSS总结.pptx
高效的CSS、可维护的CSS、组件化的CSS、hack-free CSS 书写高效CSS: 1、使用外联样式替代行间样式或者内嵌样式 2、不推荐使用内嵌样式
CSS Hack是什么
由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。   CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器。   
给ff的专用的一个css hack
任何标签的浏览器也逃脱不了没有字体之后的尴尬效果,在你给ie6 csshack之后,或许你还要考虑没使用ie6的其它xp用户,字体缺失造成的差异一样会存在,最好的方案是不要使用 微软雅黑, 以下hack只有ff识别@-moz-document url-prefix(){.headc #headRightInfo div.nav a{font-weight:normal}}  但xp下的360呢,
CSS hack技巧大全
网上很多资料中常常把!important也作为一个hack手段,其实这是一个误区。!important常常被我们用来更改样式,而不是兼容 hack。造成这个误区的原因是IE6在某些情况下不主动识别!important,以至于常常被人误用做识别IE6的hack。可是,大家注意一 下,IE6只是在某些情况下不识别(ie6下,同一个大括号里对同一个样式属性定义,其中一个加important 则important标记是被忽略的,例:{background:red!important; background:green;} ie6下解释为背景色green,其它浏览器解释为背景色red;如果这同一个样式在不同大括号里定义,其中一个加important 则important发挥正常作用,例:div{background:red!important} div{background:green},这时所有浏览器统一解释为背景色red。)
CSSHACK解决IE兼容性问题
什么是CSSHACK? 针对不同浏览器,书写不同的CSS代码的过程,称为“CSS HACK”。 也就是说:写一个CSS代码,让IE6识别,其它浏览器不识别。 下面,针对不同浏览器,有几个符号:        这些符号是在CSS属性的前面加的,用于分辨不同的浏览器版本。                l “*”IE6和IE7都识别。如:.box{ *background-color:r
史上最全的CSS hack方式一览(鉴)
做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况。今天,结合自己的经
CSS Hack 经验分享
CSS Hack 常见浏览器兼容性的处理
CSS hack浏览器兼容一览表
CSS hack浏览器兼容一览表,html文件。
CSS hack(各个浏览器兼容问题)
什么是CSS  Hack?            由于不同厂商的浏览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器 的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式,我们把这个针对 不同的浏览器/不同版本写相应的CSS
CSS的优雅降级与渐进增强
你能描述一下渐进增强和优雅降级之间的不同吗? 特性检测 优雅降级(graceful degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复。 渐进增强(progressive enhancement):一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。
CSS各个浏览器Hack的写法
Hack是针对不同的浏览器去写不同的CSS样式,从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK,同时也叫写CSS Hack。 1, IE条件注释法,微软官方推荐的hack方式。 只在IE下生效 这段文字只在IE浏览器上显示 只在IE6下生效 这段文字只在IE6浏览器上显示 只在IE6以上版本生效 这段文字只在I
CSS hack IE常见兼容性问题
1、hack是什么? Hack是基于开源的程序的基础,对其代码进行增加、删除或者修改、优化,使之在功能上符合新的需求。 2、css hack是什么? 不同的浏览器,对css样式兼容不同,css hack就是针对浏览器的不同,编写不同的css样式。 3.css兼容方式 (1)浏览器对css中的关键字兼容 “\9″ IE6+都生效 “\0″
CSSHack解决兼容
什么是CSS hack: 由于不同的浏览器,对CSS的解析认识不一样,从而导致生成的页面效果不一样,得不到我们所需要的页面效果。 针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack
各种css hack - 兼容性探测
CSS HACK:浏览器兼容的一些写法 人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是 快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有统一的规范来进行Coding,以 方便维护。而解决兼容的方法就是(必须是,因为
css3兼容IE8的方案 各个ie的hack
虽然现在很多项目已经对低版本IE不要求了,但是还有部分公司对IE8还是很执着的,咱作为屌丝前端程序员不能和老板说前端潮流,不能说趋势,只能动脑子了,下面就分享一些css3兼容ie8的方案思路。主要是实现弯道超车。比如css3的nth-child选择器,它有多好用就不解析了,问题它不兼容ie8,怎么破呢?1.用jq选择器实现弯道超车,比如我想选择前面五个li,可以这样选。$(“li:nth-child
常用CSS hack使用方法
1.@import 在@import中使用URL来导入样式,标准的用法便是将URL中的值带上引号。例如:@import  url(“newstyle.css”);   带引号的URL地址只能被IE5及以上浏览器、以及firefox所识别,而IE4及以下版本的浏览器不会解析newstyle.css 。@import的这种用法主要区别IE4。 另一种用法如下: @import  url(“non
CSS Design之Hack攻略
CSS Design之Hack攻略.pdf
hack css编写ie下才生效的css
这是专门针对ie的hack写法 “\9″ 在IE6/IE7/IE8/IE9/IE10下生效 “\0” 在 IE8/IE9/IE10下生效 “\9\0” 在IE9/IE10下生效
div+css ie6-8 FF等多浏览器兼容
讲述多浏览器兼容。包括ie6 ie7 ie8 FF 谷歌浏览器 等。一切ie核心等等。对于网页设计师来说 必备不可!
常用的CSS Hack技术集锦
来源:http://www.ido321.com/938.html 一、什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程,就叫CSS Hack。 CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器。 1、属性级Hack:比如IE6能识别下划线”_”和星号” * “
常用的CSS HACK解决方案
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网站可能出现不想出现的效果!所有浏览器 通用height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100p
CSS在IE6, IE7, IE8, Firefox中的特定使用(Hack).
CSS在IE6, IE7, IE8, Firefox中的特定使用(Hack).
Hack编程简介
原文链接:http://www.hacklang.org.cn/ Hack编程语言中文官网 echo "Hello, HackLang.org.cn!";  ?>  整洁! 安全! 可重构! 兼容php!  Hack是由FaceBook公司推出的一种编程语言,用于HHVM中。 简写为hh,可以使用hhlang.org.cn来访问本站
css hack大全
css hack,ie6png透明,css判断ie版本
css-hack识别ie浏览器版本兼容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /*
CSS Hack技术介绍及常用的Hack技巧集锦
CSS Hack技术介绍及常用的Hack技巧集锦 这篇文章主要介绍了CSS Hack技术介绍及常用的Hack技巧集锦,本文讲解了什么是CSS Hack、常用的CSS Hack、IE6对!important的支持、IE6下的多选择符等内容,需要的朋友可以参考下 一、什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CS
10个非常有用的CSS hack和技术
10个非常有用的CSS hack,浏览器兼容性处理
兼容cssie6 7 8
兼容css ie678等 各种hack
什么是css hack ? css hack是什么?
参考网站: http://www.divcss5.com/css-hack/#top
web程序常用表格三张
ascii表,css hack表,dhtmlpos表
Google高级技巧—google Hack★★★★
google hacking其实并算不上什么新东西,当时并没有重视这种技术,认为webshell什么的,并无太大实际用途.google hacking其实并非如此简单... 常用的google关键字: foo1 foo2 (也就是关联,比如搜索xx公司 xx美女) operator:foo filetype:123 类型 site:foo.com 相对直接看网站更有意思,可以得到许多意外的信息 i
CSS Hack技术解决多浏览器兼容问题
CSS Hack技巧汇总 CSS Hack简介 我们在用DIV+CSS制作网页时,由于不同的浏览器,比如InternetExplorer6,InternetExplorer7,MozillaFirefox等对CSS的支持及解析结果不一样,导致生成的页面效果不一样,得不到我们所需要的页面效果。这时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器
浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?原因,解决方法是什么,常用hack的技巧 ? * IE浏览器的内核Trident、 Mozilla的Gecko、google的WebKi
浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?原因,解决方法是什么,常用hack的技巧 ?     * IE浏览器的内核Trident、 Mozilla的Gecko、google的WebKit、Opera内核Presto;     * png24为的图片在iE6浏览器上出现背景,解决方案是做成PNG8.     * 浏览器默认的margin和padding不同。解决方案是加一个全局
CSS浏览器兼容(CSS Hack)
FF:      color:red;IE7:    *color:red !important;IE6:    *color:red; OR FF:     color:red;IE7:   *color:red;IE6:   _color:red; OR FF:     color:red;IE6/7/8: color:red/9;IE8
css_ie6与ie8在调用float:left后margin不协调的调整
原型: 在ie6与ie8中上面代码会让margin-left出现不协调:即ie6中margin-left值是ie8中margin-left的两倍(也是常规值的两倍), 重点 这个Bug仅当浮动边界和浮动元素的方向相同时出现在浮动元素和容器盒的内边缘之间,在这之后的任意有着相似边界的浮动元素不会呈现双倍边界。只有特定的浮动行的第一个浮动元素会遭遇这个Bug。像居左的情况一样,双倍边界同样神秘地
我们是很有底线的