`

总结下css的一些hack

    博客分类：
  • css
css 
阅读更多

总结下css的一些hack【转载】

 

color:red; /* 所有浏览器都支持 */
color:red !important;/* 除IE6外 */
_color:red; /* IE6支持 */
*color:red; /* IE6、IE7支持 */
+color:red;/*IE7支持*/
*+color:red; /* IE7支持 */
color:red\9; /* IE6、IE7、IE8、IE9支持 */
color:red\0; /* IE8、IE9支持 */
color:red\9\0;/*IE9支持*/
 
/* webkit and opera */
 @media all and (min-width: 0px){ div{color:red;} }
 
/* webkit */
 @media screen and (-webkit-min-device-pixel-ratio:0){ div{color:red;} }
 
/* opera */
 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-
 
ratio:0) { div{color:red;} }
 
/* firefox * /
 @-moz-document url-prefix(){ div{color:red;}} /* all firefox */
 
 html>/**/body div, x:-moz-any-link, x:default {color:red;} /* newest firefox */
}
 
body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */
 
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
<!–[if IE 7]> = 等于 IE7
 
<!–[if lt IE 8]> = 小于 IE8（就是 IE7 或以下了啦）
 
<!–[if gte IE 8]> = 大于或等于 IE8 

<meta http-equiv="x-ua-compatible" content="ie=7" />
把这段代码放到<head>里面，在ie8里面的页面解析起来就跟ie7一模一样的了
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
分享到：
| 最简洁的九九乘法表代码
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    css hack日志

    css hack 兼容性的总结与体会. IE6,IE7,IE8,IE9,firefox,apple,chrome等等浏览器的兼容性

    各浏览器的cssHack总结

    各浏览器的cssHack总结、css样式兼容

    Css hack总结及其最佳用法

    Css hack总结及其最佳用法,IE6\7\8的hack讲的很清楚，有图例说明，下拉看看吧。

    css hack总结 图片整理版

    关于CSS hack，网上有很多总结了，在他们的基础上，谈谈我个人的一些总结。其实大多数hack技术都是针对IE各个版本。

    web前端规范之CSSHack[总结].pdf

    web前端规范之CSSHack[总结].pdf

    css兼容性问题总结笔记

    自己遇见的一些常见的css兼容性问题。和css hack 自己总结出来后生产pdf文档带书签的。 CSS兼容性笔记 1 一 css hack 1 1.直接案例 1 2. hack写法列表 1 3.在IE7+浏览器中按照IE7文档模式 1 4. 注意 Html头部的声明...

    区分ie6 7 8 FF 的css hack 日常总结

    区分ie 6 7 8 ; background:红色; /*非ie显示*/ bankground:蓝色 \9; /*ie显示*/ }

    针对主流浏览器的CSS-HACK写法及IE常用条件注释

    本文将为你总结CSS针对各浏览器的兼容HACK(以IE6/IE7/IE8 /FF为主),以及IE特有的条件注释使用方法.

    css 4.2.7中文手册（CHM版）

    css 4.2.7中文手册给大家列举了...还展示了速查总表，列举了一些使用比率较高的常用CSS Hack。 另外，给大家总结了一些使用过程中，遇到的问题和解决办法，并且提供了一些简单的小技巧和经验，希望能为大家带来帮助。

    达内科技内部资料一CSS总结.pptx

    高效的CSS、可维护的CSS、组件化的CSS、hack-free CSS 书写高效CSS： 1、使用外联样式替代行间样式或者内嵌样式 2、不推荐使用内嵌样式

    史上最全的CSS hack方式一览(兼容多浏览器)

    今天，结合自己的经验和理解，做了几个demo把IE6~IE10和其他标准浏览器的CSS hack做一个总结，也许本文应该是目前最全面的hack总结了吧。 什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版

    浏览器hack总结 详细的浏览器兼容性的快速解决方法

    由于各浏览器对页面的解析不同，会导致页面在...CSS选择器Hack是指通过在CSS选择器的前面，加上一些只有特定浏览器才能识别的Hack前缀，来控制不同的CSS样式。针对不同版本的浏览器，选择器Hack分为以下几类： （1）

    主流浏览器css兼容问题汇总

    现在就post一些做兼容的总结，可能不够全面，但是可以告诉大家如何避过一些坑。主要测试了chrome，firefox，ie8、9、11，360浏览器。 一、基本的css兼容： 1、可能很多人喜欢用css hack的形式去兼容ie浏览器，但是我...

    比较全的CSS浏览器兼容问题整理总结

    CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并 整理了一下....2. margin加倍的问题 设置为float的div在ie下设置的margin会加

    JS和CSS的IE和Firefox兼容性

    能让用户量最多的两个浏览器兼容,是web程序员比较头疼的事情,里面包含了一些方法总结,比如CSS里面的hack,js里面的style.height等赋值都要有'px'才兼容火狐

    IE浏览器HTML Hack标签总结

    主要介绍了IE浏览器HTML Hack标签总结,写IE浏览器兼容CSS的时候会经常用到HTML Hack技术,本文总结到了IE9下的HTML Hack标签,需要的朋友可以参考下

    常见的浏览器Hack技巧整理

    这里就总结一下对IE系列的CSS Hack，记录一下，方便以后查阅。 IE Hack IE系列浏览器的hack大略如下： _nowamagic:1px;———–ie6 *nowamagic:1px;———–ie7 nowamagic:1px\0;———-ie89 nowamagic:1px\9\0;...

    CSS网页布局：div垂直居中的各种方法

    即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的、、&lt;caption&gt;

Magicbox
Global site tag (gtag.js) - Google Analytics