`
icybamboo
  • 浏览: 39870 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

css-私有css Hack(转)

阅读更多
只针对ie6,ie7和firefox的csshack
注意都要写在正常样式的后边,除!important方法在前边

---------------针对样式名------------
如果只让ie6看见用*html .head{color:#000;}
如果只让ie7看见用*+html .head{color:#000;}
如果只让ff看见用:root body .head{color:#000;}
如果只让ff、IE8看见用html>body .head{color:#000;}

如果只是不让ie6看见用html>body .head{color:#000;} 即对IE6无效
如果只是不让ff、IE8看见用*body .head{color:#000;} 即对ff、IE8无效
body>.head{color:#000}   IE7 8 ff 有效


-------------针对具体属性--------------

如果只让ie6看见用_  .head{_color:#000;}
如果只让ie7看见用+与_结合的方法: .head{+color:#f00;!;_color:#000;}
如果只是不让ie6看见用 .head{color :#000;}注意有空格,或者用!important,写法: width:20px!important; width:50px;
如果只对ff无效/9  如:.head{color:#000\9}

--------------IE8正式版hack------------
"\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.
"*" IE6、IE7可以识别.IE8、FireFox不能.
"_" IE6可以识别"_",IE7、IE8、FireFox不能.
  • 大小: 27.8 KB
分享到:
评论

相关推荐

    csshack最新的css作品展示

    【CSS Hack】是一种在网页设计中,为了应对不同的浏览器对CSS(层叠样式表)解析方式的差异,而采用的一些技巧或方法。由于各浏览器之间的兼容性和标准实施不一致,CSS Hack经常被用来确保网站在各种环境下都能正确...

    CSS Hack Table

    常见的CSS Hack包括但不限于下划线(_)和星号(*)前缀,条件注释,以及使用不同的浏览器私有属性等。在实际开发中,应尽量避免过度依赖CSS Hack,因为它们可能会增加代码的复杂性和维护难度。优先选择使用渐进增强和...

    【css新增特性思维导图梳理】

    【CSS新增特性思维导图梳理】是对CSS3中新增特性的整理,主要关注浏览器兼容性和CSS Hack技巧。CSS3引入了许多新的功能,提高了网页设计的灵活性和表现力。以下是其中的一些关键点: 1. **私有前缀**: 为了解决...

    01-html+css做的旧版百度首页

    描述中提到“兼容IE浏览器”,这暗示开发者可能使用了一些特定的CSS hack或JavaScript来解决IE浏览器的兼容性问题,因为IE对某些CSS特性支持不全。例如,可能使用了`_height`或`*height`这样的私有属性为IE设置样式...

    针对chrome的css hack 使用方法

    除此之外,还有一些其他的Chrome CSS Hack,例如使用`-webkit-`前缀的私有属性和方法。这些属性和方法是专门为WebKit引擎设计的,因此只会在Chrome、Safari以及其他基于WebKit的浏览器中生效。例如: ```css div { ...

    CSS禅意花园-Web视觉设计的王者之书

    ### CSS禅意花园—Web视觉设计的王者之书 #### 关键知识点概览: 1. **Web设计的历史与发展** - 早期Web设计的特点及挑战。 - 浏览器之战与私有扩展的影响。 - Web标准项目的成立及其意义。 2. **HTML与CSS的...

    兼容所有浏览器的CSS3圆角

    这些浏览器不支持CSS3,因此我们需要使用JavaScript库(如jQuery UI)或CSS Hack来实现圆角。 对于IE8,可以使用`behavior`属性配合`url()`来引入特定的CSS行为,如CSS3 PIE库: ```css .box { -webkit-border-...

    css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari.doc

    解决CSS兼容性问题需要深入了解各个浏览器的特性,并灵活运用条件注释、CSS hack以及渐进增强或优雅降级策略。通过这种方式,可以确保网页在各种浏览器中都能呈现良好的用户体验。同时,随着浏览器的不断更新和CSS...

    css.rar_csspicture

    为了解决这个问题,我们可以使用CSS hack。例如,我们可以使用条件注释或特定的CSS前缀来专门针对这些老版本的IE浏览器编写规则。例如: ```css /* 针对IE6和IE7 */ <!--[if lt IE 8]> img { width: expression...

    DIV+CSS实现的框架,仿frameset,支持左侧缩进

    开发者可能使用了条件注释、`DOCTYPE`声明、特定的`CSS` hack或库(如`jQuery`)来解决这些问题。例如,可能需要使用`*html`前缀来针对IE6和IE7应用某些样式,或者使用`_width`这样的私有属性来为IE6设置宽度。 ...

    CSS兼容方案.rar

    5. **CSS Hack**:特定的CSS语法可以只影响某些浏览器,例如,`_height` 对IE6有效,`*height` 对IE7有效。但这种方法应谨慎使用,因为它可能导致维护困难。 6. **使用兼容性表**:查阅Can I use网站,这是一个权威...

    css+div 在IE中兼容

    同时,为了覆盖某些IE特有的解析规则,CSS Hack(即CSS中的特殊语法,用于区分不同的浏览器或浏览器版本)被广泛使用。比如,“\*”选择器只被IE6和IE7识别: ```css /* 正常CSS */ background: orange; /* IE6 和 ...

    别具光芒div+css布局与美化

    - **早期的混乱与挑战**:90年代末期的互联网环境充满了不确定性和快速变化,HTML作为一种简单的文档标记语言诞生,但由于其布局能力有限,导致了诸如`<font>`标签和`<table>`标签等Hack的出现,这些Hack虽然解决了...

    10个非常实用的CSS hack技术

    ` 是针对IE6的私有属性hack。 2. **禁用Safari文本框大小调整** 通过设置 `resize: none;` 可以阻止用户在Safari、Chrome等浏览器中调整textarea的大小。 3. **跨浏览器圆角** `-moz-border-radius`, `-webkit-...

    《CSS禅意花园》中文版

    浏览器厂商和图形设计师开始使用各种不规范的“hack”来实现更复杂的页面布局,如滥用和标签。这些做法虽然解决了页面布局的问题,却违背了HTML的初衷——结构化文档的表示。这种情况导致了Web的文档结构经常被忽视...

    html+css基础知识.pdf

    `,这里的下划线表示这是针对IE6的私有hack。 4. CSS定位:`position`属性有两个主要值,`relative`和`absolute`。`relative`定位是相对于元素自身原本的位置进行偏移,元素依然保持在文档流中。而`absolute`定位则...

    解决CSS浏览器兼容性问题的4种方案

    初始化CSS样式以消除默认差异,利用浏览器私有属性来支持新特性,谨慎使用CSS Hack以应对特殊情况,以及利用自动化工具减少重复工作。随着浏览器标准的逐步统一和自动化工具的进步,处理兼容性问题的难度正在逐渐...

    CSS属性display:inline-block用法深入理解

    - 对于那些不支持`display:inline-block`的老版本浏览器,可以使用CSS hack或者使用JavaScript库如Modernizr来实现兼容。 总之,`display:inline-block`是CSS布局中一个强大而灵活的工具,但需要注意浏览器兼容性和...

Global site tag (gtag.js) - Google Analytics