随笔分类 -  Hack

摘要：遇到了IE6 select遮挡div的bug，这个bug表现为页面有浮动元素（某个div元素）在select上面时，在IE6里面select总是显示在这个浮动元素上方，该元素z-index的值多大都没有作用。解决的思路是：IE6中iframe可以覆盖select，而div可以覆盖iframe，所以解... 阅读全文

摘要：问题：在ie6下出现一个js error，说是JSON.parse为定义，一查，才知道，ie6，ie7不支持JSON。解决方法： 只要在使用JSON之前加载个json2.js就行了。参考：http://stackoverflow.com/questions/2503175/json-on-ie6-i... 阅读全文

摘要：将某元素隐藏后,对其原本显示的子元素进行display:none操作,当再把这个元素显示出来的时候,在ie678的兼容模式下会发现子元素的隐藏无效.感谢ooxx君给找的这个DEMO页,要重现bug请使用欢乐的IE系列浏览器打开.博主用了一个很有爱的兔子向大家展示这个神奇的魔术:1,把容器和兔子的position都设为relative或者absolute2,把容器的display设为none;3,把兔子的display设为none;4,再把容器的display设为block(你看,IE总是会给你惊喜的对不)在IE678的兼容模式下你仍然会看到这只兔子,尽管是你亲手给他设置的display:non 阅读全文

摘要：最近做项目，经常遇到IE7以下浏览器中。一些悬浮框被一些元素遮挡的问题，这些元素一般都是设置了position的。问题的根本在不是被设置绝对定位的元素上，而是在设置了相对定位的父元素上。我查阅了一些资料。当设置了相对定位的父元素如果没有设置z-index属性，当后面有元素设置position:relative的时候，则后面的元素就会遮挡掉前面的元素，不管前面的元素设置了多大的z-index解决的方法我总结一下1.对遮挡元素中设置z-index:0;初始化掉。2.在被遮挡的父元素中，也就是设置了相对定位的元素中设置z-index属性，最好比遮挡元素要大一些。在平时编写中，编写了position: 阅读全文

摘要：IE6 a标签的请求被abort的原因最近项目中掉进IE6 a标签abort两次坑，第一次是a标签绑定一个事件，href='javascript:;'这样a标签触发了事件，切换验证码图片，结果验证码图片总是显示不出来，通过抓包显示状态为abort。其实这个的原因可以从IE6中a标签执行顺序说起，IE6中a标签执行onclick在执行默认事件（即href跳转）之前，当触发了绑定的事件之后，那么处理完事件之后，如果不return false或者阻止默认事件，则会继续执行href跳转，IE6会认为页面跳转到其他页面或者页面重新刷新，则abort之前onclick事件中的请求。所以当o 阅读全文