`

总结下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 浏览器兼容文档

    在网页设计中,由于各个浏览器(尤其是Internet Explorer的早期版本)对CSS的实现存在差异,导致开发者需要采取一些特定的方法来解决浏览器兼容性问题。本篇文章主要探讨了针对IE6、IE7、IE8、IE9以及Firefox(FF)...

    Css hack总结及其最佳用法

    通过阅读“Css hack总结及其最佳用法,告诉你怎么运用hack,无懈可击的解决各个浏览器的样式兼容 - 毛绒猫猫 - 博客园.htm”这篇文章,你将能更深入地理解CSS Hack,并学会如何在实际项目中有效应用它们。

    css hack日志

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

    各浏览器的cssHack总结

    本文将对各浏览器的CSS Hack进行总结,主要关注如何解决CSS样式兼容问题。 首先,我们了解下主要的浏览器:IE(Internet Explorer)、Firefox、Chrome、Safari以及Opera。它们之间的兼容性问题主要源于对CSS规范的...

    针对firefox ie6 ie7 ie8的css样式hack

    为了确保网站能够在不同浏览器下正常显示,开发者需要使用特定的技术手段来解决这些问题,其中CSS Hack就是一种常用的方法。本文将详细介绍如何为Firefox以及IE6、IE7、IE8等浏览器编写CSS Hack。 ### CSS Hack定义...

    区别不同浏览器CSS hack

    根据题目中的描述,我们可以总结出不同浏览器对于某些CSS Hack的识别特性: - **IE(Internet Explorer)**:IE能够识别`*`这个符号作为Hack的一部分。具体来说: - **IE6**能够识别`*`,但是不能识别`!important`...

    CSS样式hack,用于兼容多种浏览器

    除了上述Hack方法外,还有一些通用的兼容性技巧需要注意: 1. **Firefox下的Padding问题**:在Firefox中,给元素设置内边距(padding)可能会导致宽度和高度发生变化,而在IE中则不会。这可以通过使用 `!important` ...

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

    "区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8以及Firefox等浏览器编写特定的CSS代码来实现跨浏览器的兼容性。 首先,让我们了解CSS Hack的基本概念。CSS Hack是指由于不同浏览器...

    各种类型 CSSHACK

    为了确保网站在多种浏览器下都能正常显示,开发者常常需要使用到CSS Hack技术,特别是针对那些在CSS支持上存在较大差异的浏览器版本,如Internet Explorer 6(IE6)、Internet Explorer 7(IE7)以及Mozilla Firefox...

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

    以下是一些常见的CSS Hack写法示例: ```css .newsList { padding: 10px; /* FF, CH, OP */ [padding: 10px; padding: 12px;] /* SF, CH (取后者) */ padding: 9px\9; /* 所有ie内核 */ padding: 8px\0; /* ie8...

    web前端规范之CSSHack.pdf

    以下是一些CSS Hack的示例: ```css .newsList { padding: 10px; /* FF CH OP 都能识别 */ [padding:10px; padding:12px;]; /* SF, CH (值取后者: padding :8px) */ padding:9px\9; /* 所有 ie 内核浏览器都...

    各主流浏览器CSS HACK列表

    ### 各主流浏览器CSS HACK列表详解 #### 一、引言 随着Web技术的发展与进步,浏览器兼容性问题一直是前端开发者关注的重点之一。由于不同浏览器对CSS的支持程度有所差异,为了确保网页能够在各种浏览器中正常显示,...

    css hack总结 图片整理版

    下面将详细阐述一些常用的和不太常见的CSS Hack技术。 ### 常用CSS Hack技术 1. **条件注释(Conditional Comments)** - 仅IE浏览器识别的HTML条件注释,如`&lt;!--[if IE 6]&gt;`用于针对IE6的样式。 2. **前缀...

    CSS Hack 经验分享

    本文作者通过自己的实际经验,总结了一些实用的方法和技术,希望能帮助大家更高效地解决这些问题。 #### 开发平台的选择 在选择开发平台时,作者建议使用 Firefox 结合 Firebug 扩展作为主要的工作环境。原因在于 ...

    CSS 针对谷歌浏览器(Chrome) safari的webkit核心浏览器CSS hack.txt )

    由于不同浏览器内核对CSS的支持程度存在差异,为了确保网页在各种浏览器下的一致性表现,开发者需要采取一些特殊的技术手段来解决这些问题。CSS Hack就是一种常见的解决方案,它允许开发者为特定的浏览器编写定制化...

    [CSS]不用hack的css动态布局方案,兼容主流浏览器

    传统的CSS布局方法往往需要使用一些“hack”技巧来解决浏览器之间的差异,但这些技巧可能导致代码维护困难,可读性差,且不易于扩展。本文将探讨一种无需使用hack的CSS动态布局方案,以提高代码的优雅性和跨浏览器...

    css hack大全

    ### CSS Hack 大全 #### 一、CSS Hack 概述 CSS Hack 是一种特定的技术手段,用于在不同浏览器或浏览器的不同版本之间实现差异化的样式处理。由于各个浏览器对CSS的支持程度不同,开发者可能需要使用特定的方法来...

    css的一些总结

    本文总结了CSS的一些常见技巧和面试中常问到的问题,涵盖了从CSS Hack到布局技巧、选择器使用等多个方面。对于前端开发者来说,掌握这些知识不仅可以帮助他们更好地处理日常开发工作中的问题,还能够在面试过程中...

    CSS教程之通用的css hack简介

    为了解决不同浏览器对CSS支持程度不一的问题,开发者们发明了各种CSS Hack技巧来确保网页在不同环境下能够正常显示。本文将详细介绍几种常用的CSS Hack方法,帮助读者更好地理解和应用这些技巧。 #### 二、CSS Hack...

Global site tag (gtag.js) - Google Analytics