特牛的FF/IE6/IE7专用CSS HACK
网络编程
这是一篇关于CSS HACK的文章,这篇文章中提到的CSS HACK是针对class、id中属性的HACK,排列的顺序都具有要求。今天要和大家说的是针对class、id所做的CSS HACK。
通过上面的CSS代码可以看出FF还是最听话的浏览器,在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html。这里就很好记忆了,IE6加*html,而IE7加*+html,暗示加了一个版本。通过对class、id所做的CSS HACK好处在于不用顾及前后顺序,而且便于管理和其他人员接受,还可以通过这种HACK实现类似JS浏览器版本的控制。缺点嘛可能就是产生大量的代码吧!好了,大致就先说说这些。
上面内容看完可以点击下面的效果在不同浏览器来看看效果,其中橙色代表FF,蓝色代表IE7,黑色代表IE6。
积木网 www.gimoo.net CSS hack
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
.test{/*FF*/
height:20px;
background-color:orange;
}
*+html .test{/*IE7*/
height:20px;
background-color:blue;
}
*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。
积木网 www.gimoo.net CSS hack
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
浏览器兼容解决FF/IE6/IE7背景专用CSS HACK
自从互联网开始的那一刻起,各浏览器间的争斗就没有停止过。当然其中最苦的就是网页制作人员了,为了达到用户体验以及可用性的标准,不得不在
纯CSS实现标签导航制作
在网上搜索了一下都没怎么看到纯用CSS制作标签导航方面的教程或者说明,大部分都是要涉及到JS的编写的。这对于很多CSS学习中的人来说实在有些不
用户体验第一 font-size放弃px选择em
在如今这个提倡可用性设计以及用户体验设计的网络时代,CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸,中文情况
编辑:一起学习网
标签:浏览器,可用性,代码,标签,代表