这个 CSS examples - pmob.co.uk有很多 CSS 例子。真是一个人一个编码风格,这个人很喜欢用 position 和 visibility 。
比如
a {background:url(imgurl1)}
a:hover {background:url(imgurl2)}
他更喜欢
a {background:url(imgurl2)}
a:hover img {visibility:hidden}
浏览器的 css hack 判断也比较多,甚至还为 opera 7 做了检测。有时间可以看看,还是有些启发的。
我个人对 css hack 深恶痛绝,会让CSS很混乱臃肿!
我的流程是:首先为 firefox(最新版 1.5.x)编码,完成后修改ie6下的问题。这步已经很麻烦了,针对ie的修改常常会影响firefox,这时为了偷懒,一般简单 hack一下, html>xxx 或者 * html 或者条件注释等等,随便用一种方法。最后测试opera(最新版 9.x)下有没有什么大问题。
理由为:mozilla 内核的浏览器种类最多,*nix,Mac下的绝对主流浏览器,Win 下firefox 也直逼 IE。就我个人而言,IE只是测试以及上招商银行交电话费和电费。IE5.x坚决不予测试,一是麻烦,而是我的页面也没必要给那些用原始 win98的人看。opera 7也不测试。opera 从8以后才是脱胎换骨,成为我最喜欢的两个浏览器(opera 9+firefox 2.x)之一。
Leave a reply