2015-12-25-(菜单栏的效果)
我们经常在电脑屏幕上看淘宝、京东等之类的电商网站时,总会看到一种菜单栏,当你鼠标移入某个div时,它便有选中的效果,今天来讲讲怎么做选中时该div与它匹配的内容相连接的效果。
解决该问题常见有两种办法:
第一种:打补丁法
首先在移入的父元素div中设置一个position:relative;再在添加两个子元素,一个是打补丁的div,一个是内容div,其次,再分别添加position:absolute;补丁的宽度应与父 元素的宽度一致,然后再稍稍调整一下它的位置就行了
第二种:撑大内容法
首先还是要在移入的父元素div中设置一个position:relative;再在添加两个子元素,一个是打补丁的div,一个是内容div。再在父元素中添加padding:1px;这样也可以达到效果。