                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /图片展示特效

还不是很理解，鼠标滑进div那块覆盖住原来右边的图片？还有定位时的left:100%和设置成left：图片宽度有什么区别呢？

逆光_0001

2016-04-04

源自：图片展示特效 3-1

关注问题我要回答

766

操作

收起

2 回答

chencw111
2016-07-15

这里面的100%是继承的父元素的宽度，这里的父元素也就是<li>，这里的100%就是继承的<li>的宽度

0 回复有任何疑惑可以回复我~

收起回答

我有一只猫
2016-04-05

以下都是个人理解，如果理解有偏差还希望指正。首先，通过CSS样式已经把Div的元素位置固定了，然后鼠标滑过一个块的时候，将隐藏的div显示出来，因为div的z-index大，所以显示在最上一层。就把其他的给遮住了。left设置为百分比或者图片的宽度应该是没有区别，两则都表示偏移量。只是单位不同而已。当然可能使用百分比在代码后期维护中更方便一点。