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