摘要:
问题的产生 文档流中父元素高度默认由子元素撑开 代码: 效果: 为子元素添加浮动后,子元素脱离文档流,无法撑起父元素,导致父元素高度塌陷 清除浮动的方法 第一种:开启BFC 根据W3C的标准,在页面中元素都有一个隐含的属性 Block Formatting Context,简称BFC,默认是关闭的; 阅读全文
摘要:
1. z-index只对定位元素有效(如position:absolute!) 2. 被覆盖的元素将无法触发其鼠标相关事件。(个人经验,可能有例外。) 3. 无法通过z-index使父级覆盖子级,如果子级z-index为0,那么父级就是200000也不会覆盖住子级。 4. 如果想要父级覆盖子级,那么 阅读全文
摘要:
效果: 1、 鼠标放上去会有半透明遮罩、右边会有大图片局部图 2、 鼠标移动时右边的大图片也会局部移动 放大镜的关键原理: 鼠标在小图片上移动时,通过捕捉鼠标在小图片上的位置,定位大图片的相应位置; 放大镜的移动方向和大图片的移动方向:横向和纵向都是相反,才可以保证同步; 页面元素: 技术点:事件捕 阅读全文