CSS

最近遇这样一个需求：鼠标移动到一个元素（下称div-a）上，在div-a的位置上显示另外一个元素（下称div-b）的内容，鼠标离开后，又恢复原来的div-a。我开始的思路是并列写两个div，把div-b的z-index值设的大于div-a，初始化时将div-b隐藏，然后用JavaScript（jQuery实现）监听div-a的鼠标事件，鼠标进入后，显示div-b，鼠标离开后，隐藏div-a，代码如下：<div id="div-a">默认显示的内容<

最近在做我的“足球导航”网站的时候遇到一个网页内部锚点跳转后向下偏移一点，以避免被顶部固定导航栏遮住的需求。网上搜索了一些方法，大多数都是利用js在跳转时候进行控制，后来在一个国外开发者的个人博客上发现一个只用css实现的方法，觉得简洁的很，顺手将他的实现方法翻译过来。通常我们网页顶部的固定导航栏的的样式实现如下：<div class="header" style="position: fixed; top: