:
三、重叠边框突出显示案例
----
1、使用相对定位
三种布局机制中 , 标准流在最底层 , 浮动盒子在中间层 , 定位盒子在最上层 ;
这里使用 定位 中的相对定位 , 相对定位仍然会占用原来的位置..., 元素还在原来的位置不动 ;
如果使用了绝对定位 , 原来的位置就会消失 , 元素默认显示在定位的父容器左上角 ;
代码示例 :
<!.../* 设置上方 -1 像素外边距 */
margin-top: -1px;
}
/* 鼠标经过 div 盒子上方时 盒子的样式 */
div:hover {
/* 突出显示的盒子设置红色边框...:
鼠标移动到盒子上方 , 突出显示的效果 :
2、使用 z-index 设置定位盒子层级
父元素相对定位 , 内部子元素可以使用绝对定位任意摆放位置 , 大部分盒子都有该要求 ;
如果将所有的盒子都设置相对定位...:
鼠标移动到盒子上方 , 突出显示的效果 :