使用:hover伪类
标签元素css样式中设置一个位置，伪类中设置另一个位置，当鼠标经过时，css发生变化，由此实现滑动门效果
使用锚点
使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。由此达到滑动门效果。
这要涉及到层的概念利用position，当鼠标滑动到 图片上的时候，添加hover属性，让城市显示的z-index值 >图片的z-index值。普通情况下；城市的z-index <图片的z-index值。
什么是CSS自适应宽度滑动门菜单？CSS自适应宽度菜单指菜单的宽度可以随着内容的增加而变宽，就拿下边的实例来说，是按4个字的宽度来设计的，如果其中一项为5个字或更多，就放不下了。那么我们就需要让它的宽度可以随着内容的增减而变化，这就是css自适应宽度菜单。
