如果一件事件，下手很难，结果很简单。可以试试逆向思维，从结果入手，说不定就会找到出路。这个道理在简单的CSS世界中同样适用，对于hover效果，如果下手很难，最后的效果却不难实现。我们可以换个思维，先实现结果，然后在hover实现比较难下手的那个效果，找到出路，原路返回，问题自然更加轻松解决了。
本文的例子更多是抛砖引玉……
文章关键字 ‘文字偏移’
CSS hover效果的逆向思维实现
2013年04月18日，星期四你到了第几层？图片式标题、按钮与隐藏文本
2012年03月9日，星期五本文标题有故弄玄虚之嫌，说是“图片式标题、按钮与隐藏文本”，其实本意重点是介绍z-index负值以及在文本隐藏中的实际应用。外甥点灯笼——照旧，demo多多，截图多多（还有gif动画演示图哦），源代码展示等等，都有。总之，希望本文的内容能够对您的学习有所帮助。
页面可用性之outline轮廓外框的一些研究
2010年01月4日，星期一在IE以及Firefox浏览器下，默认情况下，点击链接文字或图片（特指a标签下的）。会留下一个轮廓框。就我个人而言，对于链接点击后留下的轮廓框，我都是采取无视的态度，因为权衡来讲，对链接轮廓框大动干戈麻烦大于好处。但是网站千差万别，总有需要解决这类虚框的时候。
目前网上或设计师工程师常用的方法就是设置…，此方法确实有效，或是由于跟风，或是由于没有深入思考，或是根本没有必要想那么多，此方法会大大降低页面的可用性…
我的应用
我的应用