css教程:IE6、IE7和FF的hack的运用技巧

倾我所有D

倾我所有D

2016-01-29 11:40

css教程:IE6、IE7和FF的hack的运用技巧,本例介绍CSSer必须掌握的关于IE6、IE7和FF的hack的使用技巧,希望能帮助需要的朋友~~

CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/html/)

FF浏览器

.test{
    height:20px;
    background-color:orange;
}

IE7浏览器

*+html .test{/*IE7*/
    height:20px;
    background-color:blue;
}

IE6浏览器

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/html/) *html .test{/*IE6*/
    height:20px;
    background-color:black;
}

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

  上面内容看完可以点击下面的效果在不同浏览器来看看效果,
  其中橙色代表FF,蓝色代表IE7,黑色代表IE6。

  大家可以自行测试!

展开更多 50%)
分享

猜你喜欢

css教程:IE6、IE7和FF的hack的运用技巧

Html CSS布局 Div+CSS XHTML
css教程:IE6、IE7和FF的hack的运用技巧

关于IE6、IE7和FF最简单的CSS hack技巧

Web开发
关于IE6、IE7和FF最简单的CSS hack技巧

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

IE6、IE7和FF的最简单的hack技巧

Web开发
IE6、IE7和FF的最简单的hack技巧

CSS兼容IE6,IE7,FF的技巧

Web开发
CSS兼容IE6,IE7,FF的技巧

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

IE8、IE7、IE6、FF简单的CSS HACK测试

Web开发
IE8、IE7、IE6、FF简单的CSS HACK测试

区分IE6,IE7和firefox的CSS hack

Web开发
区分IE6,IE7和firefox的CSS hack

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

HTML5到底是个什么东东

HTML5到底是个什么东东

基于客户端的分页导航(2)

基于客户端的分页导航(2)
下拉加载更多内容 ↓