当前位置:  编程技术>WEB前端

css ie6 ie7 ff的CSS hack使用技巧

    来源: 互联网  发布时间:2014-10-04

    本文导语:  FF浏览器 .test{ height:20px; background-color:orange; } IE7浏览器 *+html .test{/*IE7*/ height:20px; background-color:blue; } IE6浏览器 *html .test{/*IE6*/ height:20px; background-color:black; } 通过上面的CSS代码可以看出FF还是最听话的浏览器。在IE6和IE7如果要使...

FF浏览器
.test{
height:20px;
background-color:orange;
}
IE7浏览器
*+html .test{/*IE7*/
height:20px;
background-color:blue;
}

IE6浏览器

*html .test{/*IE6*/
height:20px;
background-color:black;
}

通过上面的CSS代码可以看出FF还是最听话的浏览器。在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html。
这里就很好记忆了,IE6加*html,而IE7加*+html,暗示加了一个版本。
通过对class、id所做的CSS HACK好处在于不用顾及前后顺序,而且便于管理和其他人员接受,还可以通过这种HACK实现类似JS浏览器版本的控制。

    
 
 

您可能感兴趣的文章:

  • 用css实现图片垂直居中的使用技巧
  • CSS整体布局声明的一些使用技巧
  • PHP小技巧之JS和CSS优化工具Minify的使用方法
  • CSS使用技巧20则
  • CSS技巧DIV为空时占据空间的解决办法
  • 使css兼容IE8的小技巧
  • CSS注释、命名、继承性、样式排序等CSS技巧的小结
  • CSS顶级技巧大放送,div+css布局必知
  • 网页编辑中CSS样式表技巧总结
  • 一些很不错的css技巧,但也常为人们所忽略
  • 几个常用经典的css技巧
  • 做网页中需要掌握的八个CSS布局技巧
  • div+css页面布局的五个小技巧
  • CSS样式表常用小技巧收藏
  • 不错的整理的24则css技巧
  • css实现兼容各个浏览器的技巧的代码
  • CSS重新定义项目符号和编号技巧
  • CSS属性 - white-space 空白属性使用说明 iis7站长之家
  • CSS中Float(浮动)相关技巧文章
  • 不错的10个你未必知道的CSS技巧
  • css代码优化的12个技巧
  • 在DW中CSS编码需要注意和掌握的一些技巧
  • css技巧十条
  • 收藏了很久的CSS的十八般技巧
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 在div中使用css让文字底部对齐的方法
  • 不要使用CSS Expression的原因分析
  • HTML如何使用各种CSS 样式
  • jquery实现不同大小浏览器使用不同的css样式表的方法
  • 巧妙地使用CSS选择器
  • CSS属性 - white-space 空白属性使用说明
  • css display:none使用注意事项小结
  • CSS学习笔记Padding 属性中参数的定义与使用
  • 使用CSS不用程序实现文字自动截断 用省略号代替
  • DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags
  • 使用CSS解决文字环绕图片问题的代码
  • CSS的color颜色使用说明
  • 使用CSS框架布局的缺点和优点小结
  • 不同版本IE使用不同css(css条件注释语句用法)
  • CSS条件注释的使用详解教材
  • CSS 浮动清理,不使用 clear:both标签
  • 详谈 CSS样式表使用:链接/嵌入
  • 10条影响CSS渲染速度的写法与使用建议第1/3页
  • 单纯使用CSS实现动态提示信息
  • CSS的expression使用简介
  • CSS使用心得体会
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • CSS代码格式化 CSS Beautify
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • jquery css类用法(添加、修改与删除css)


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3