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

所谓的Hack就是只有特定浏览器才能识别这段hack代码。Hack 不是什么好东西,除非没有办法,我们尽量还是不要用着玩意。 下面是各个浏览器的CSS Hack 列表。

Firefox 浏览器


  1. @-moz-document url-prefix() { 
  2.   .selector { 
  3.     property: value; 
  4.   } 

支持所有Gecko内核的浏览器 (包括Firefox)


  1. *>.selector { property: value; } 
  2.  
  3. Webkit 内核浏览器 
  4.  
  5. @media screen and (-webkit-min-device-pixel-ratio: 0) { 
  6.   Selector { 
  7.     property: value; 
  8.   } 

Opera 浏览器


  1. html:first-child>b\ody Selector {property:value;} 

IE 浏览器

IE 浏览器针对不同的版本有不同个Hack方式。

IE 9


  1. :root Selector {property: value\9;} 

IE 9-


  1. Selector {property: value\9;} 

IE 8


  1. Selector {property: value/;} 
  2. 或: 
  3. @media \0screen { 
  4.     Selector {property: value;} 

IE 8+


  1. Selector {property: value\0;} 

IE 7


  1. *+html Selector{property:value;} 
  2. 或: 
  3. *:first-child+html Selector {property:value;} 

IE 7-


  1. Selector {*property: value;} 

IE6


  1. Selector { 
  2.   _property: value; 
  3.  
  4. 或者: 
  5. *html Selector { 
  6.   property: value; 

来源:51CTO

时间: 2024-09-20 11:52:47

前端必看!各大浏览器 CSS Hack 收集的相关文章

浏览器css hack收集最全面的hack手册

由于浏览器之间存在兼容性问题,在制作网页的时候,为了使页面能在不同浏览器中显示相对一致或者其他原因,网页制作人员总结了种种 Hack 方法:在解决兼容性问题之前,这些方法还经常会用到. 屏蔽IE浏览器(也就是IE下不显示)  代码如下 复制代码 *:lang(zh) select {font:12px !important;} /*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/ select:empty {font:12px !important;} /*safa

区别不同浏览器CSS hack:区分IE6,IE7,IE8,firefox

 区别不同浏览器,CSS hack写法,从网上看到很多文章,现总结一下,尽量全面一点,备查. 注意下面介绍的这些hack写法仅适用于XHTML1.0.如果没有在HTML最前加上 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=&quo

IE浏览器CSS Hack速查表(IE6/7/8/9/10)

CSS Hack的原理是什么 由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系.我们就可以根据这个来针对不同的浏览器来写不同的CSS. CSS Hack大致有3种表现形式,CSS类内部Hack.选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器. 类内部Hack:比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_"

IE6,IE7等其它IE和firfox等标准浏览器css hack简单兼容方

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  <html lang="ru">  <head>  <title></title>  <style type="text/css">  .test 

div+css必看的15个css重则

DIV+CSS最重要的优势之一:保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差.而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差.下面为你介绍几点注意事项,希望对你有帮助. 1.不要使用过小的图片做背景平铺. 这就是为何很多人都不用 1px 的原因,这才知晓.宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源. 2.无边框

不赶时髦要“钻空子”创业必看十大经典要诀

要诀一 不要赶时髦,要"钻空子":经常把目光瞄准人们都以为"不起眼"而又确实具有发展前景和良好销路的项目.要诀二 热信息要冷处理:获得了热门信息,不能急于采纳,要冷静思考,进行必要的调查.分析.研究后及时决断.[page]要诀三 快销不赶潮流,滞销不心灰意冷:某一商品畅销,利润大,不要因此"一窝蜂"赶潮流:某一商品滞销,也不必灰心丧气,一段时间后有可能转为畅销,要想方设法推销,切莫懒惰.冷热是相对的,热的背后有冷,冷的背后有热.只要把握时机就好.

必看 :大数据挖掘中易犯的11大错误

0.缺乏数据(LackData) 对于分类问题或预估问题来说,常常缺乏准确标注的案例. 例如: 欺诈侦测(FraudDetection):在上百万的交易中,可能只有屈指可数的欺诈交易,还有很多的欺诈交易没有被正确标注出来,这就需要在建模前花费大量人力来修正. 信用评分(CreditScoring):需要对潜在的高风险客户进行长期跟踪(比如两年),从而积累足够的评分样本. 1.太关注训练(FocusonTraining) IDMer:就象体育训练中越来越注重实战训练,因为单纯的封闭式训练常常会训练

CSS Hack收集汇总_经验交流

 屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF的专用*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符,根据情况更换.第二句是MAC上safari浏览器独有的. 仅IE7识别 *+html {-} 当面临需要只针对IE7做样式的时候就可以采用这个HACK. IE6及IE6以下识别 * html {-} 这个地方要特别注意很多地主都写

Web前端新人笔记之jquery入门心得(新手必看)_jquery

本章将为大家介绍以下几点内容: 1.jquery的主要特点: 2.建立jquery的编码环境: 3.简单jquery脚本示例: 4.选择jquery而不是纯javaScript的理由: 5.常用的jquery开发工具:jquery能做什么? ① 取得文档中的元素 $('div.content').find('p'); ② 修改页面的外观 $('ul > li:first').addClass('active'); ③ 改变文档内容 $('#container').append('<a href