手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >IE6、IE7和FF的最简单的hack技巧
IE6、IE7和FF的最简单的hack技巧
摘要:关于CSSHACK的文章在jb51.net中提及的也很多。CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。FF浏览器.t...

关于CSS HACK的文章在jb51.net中提及的也很多。

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

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浏览器版本的控制。

上面内容看完可以点击下面的效果在不同浏览器来看看效果,

其中橙色代表FF,蓝色代表IE7,黑色代表IE6。

大家可以自行测试!

【IE6、IE7和FF的最简单的hack技巧】相关文章:

创建CSS样式表的十个技巧

CSS布局需要掌握的8个你技巧

CSS设计符合Web标准的网页表单的几个技巧

CSS的十八般技巧

CSS兼容的技巧

CSS控制DIV绝对定位、相对定位的技巧

Firefox和IE通用的三则网站重构实用技巧

CSS中关于居中的小技巧

DIV CSS网页布局需要掌握的八大技巧

css代码优化的12个技巧

精品推荐
分类导航