随笔分类 - HTML与CSS
摘要：导言话说web前端的技术先驱，国外当属Yahoo，而国内则当属淘宝。所以它们的一举一动都是整个互联网的风向标。就在前几天，偶然发现曾经一直困扰自己的鼠标悬停共用部分空间的问题在淘宝这里有了解决方案，马上拿来分析下。悬停状态共用某一区域用语言描述总是怪怪的，还是上图吧。可以看到，按照正常的的导航制作方法，每个按钮元素都有自己的独立区域，它们之间互不影响。但在本例中，两个按钮却在悬停状态下共用了中间一条线的区域，它是如何实现的，我们一步步来分析。先看它的背景原图（其它部分不重要，无视之）从原图上看，与我们传统的Sprite并无区别。再来看看Html结构/*这是我自己写的，与淘宝原始结构稍有不同*/
阅读全文
