摘要: 前几篇博客写了一些关于IE6的事情,原本IE6不支持大多数属性选择器,但是我们有了对付他的办法就可以放心的使用属性选择器在我们的样式表中了,那就一起研究一下吧:a[href] 选择所用含有href属性的a标签a[href='http://w3.org/'] 选择所有含有链接“http://w3.org/”的a标签,注意上面的匹配是严格对比,区分大小写div[class~='panel'] 选择所有被指定class包含panel的div标签,如果不加~就成为了上一条规则,class="panel weather"的div是不被选择的,结合以空格 阅读全文
posted @ 2013-01-10 21:50 龙则 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 对内系统可以抛弃IE6,但是对大众的系统就不得不考虑这个鸡肋了,就算我们的主要受众是高端、前卫的人群。其实我觉得采用js类库采用条件注释的方式来搞定IE6是个很好的方案用条件注释可以让高级浏览器(IE9,chrome,firefox,...)用户获得较好的体验,因为不用加载几十k甚至上百k的js类库。还可以提高开发效率,前端人员不用花很多时间去调针对IE6的兼容问题。关于条件注释请查阅我转载的一篇博客:条件注释判断浏览器对于IE6的bug补丁,正对单一问题的js库很多,比如支持hover伪类的,png透明的等。我推荐一个集成的针对IE系列浏览器的js库:https://code.google. 阅读全文
posted @ 2013-01-10 20:39 龙则 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 原文地址:http://www.cnblogs.com/dtdxrk/archive/2012/03/06/2381868.html<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]--><!--[if gte IE 阅读全文
posted @ 2013-01-10 20:26 龙则 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 原文地址:http://www.cnblogs.com/dtdxrk/archive/2012/03/06/2381868.html<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]--><!--[if gte IE 阅读全文
posted @ 2013-01-10 20:25 龙则 阅读(77) 评论(0) 推荐(0) 编辑
摘要: .class:hover div{} 鼠标移上外层元素,内层元素改变样式_behavior: url(../resources/js/lib/csshover.htc); 解决IE6不支持非a标签的hover伪类border-left-color: 还有这样不常见的属性定义.selected,:hover{} 配合js实现鼠标移上和点击选中表现相同效果,而又互不干扰background:url() center center; 背景设置一张宽一点的图,再加上padding实现自适应选中背景切换选择器权重计算A,B,C,DA:内敛样式B:idC:classD:标签注:!importent比A权重 阅读全文
posted @ 2013-01-10 19:38 龙则 阅读(251) 评论(0) 推荐(0) 编辑