 |
好吧，我承认只能看看此类的文章了。游戏不感兴趣，JS又看不懂。
很认同里面的某些观点，比方说，不要滥用css hack:
"很多同学在页面开发时上网搜索最多的就是hack了，是否我们完全要依赖hack来实现页面兼容性，答案是否定的。大家经常比喻IE6向我们撒了一个谎， 结果我们要再撒一百个谎来圆这个谎。不否认IE6经常让我们口吐鲜血，但不代表我们用更多的“谎言”来弥补就可以心安理得。大部分情况下可以通过变换思路 调整HTML结构，或使用一些虽然无法解释但相对安全的css来干掉hack。谁都无法预计使用hack什么时候会让我们栽一个大跟头。比如使用触发 layout或position:relative就可以帮助解决很多IE6的问题。"
的确，如果发生不兼容的问题，首先查看一下代码或者结构是否能另辟蹊径。实际上，IE6也没有传说中的那么差劲，时间长了，就能摸透它的脾气了。
当时将重点放在了最后一句。以前只知道触发layout。比方说用zoom:1之类的。position:relative还真没有接触过。我在心里琢磨着。心里想着要不要专门测试一下，然后再写一篇有关于此的东西。
上午干活，发现了一个兼容问题，百思不得其解，迷茫之中想到了这里，尝试，管用！
算是心想事成吗？
案例如下：
前两个图标是用A标签写的，为了实现鼠标上移后的背景提亮效果。
“分享”是一个层，相对于它们共同的父级定位。
问题：在IE6下层不显示。z-index不起作用。
办法：为前面的两个A标签加上position:relative属性。同时将位置移到两个图标前面。
真是越来越喜欢IE6了。倘若有一天它逝去了，我等人员岂不少了很多乐趣？
|
|
