摘要：
问题: position:fixed定位的元素会被用transform的元素穿过。 解决方法: 方法1：父级，任意父级，非body级别，设置overflow:hidden可恢复和其他浏览器一样的渲染。 方法2：以毒攻毒。有时候，页面复杂，在我们不能给父级设置overflow:hidden，也可以给f 阅读全文
posted @ 2021-07-14 13:21
影之轨迹
阅读(276)
评论(0)
推荐(0)
摘要：
css .box #player{display: block;position: absolute;top: 0px;width: 100%;height: 100%;left: -9999px;} html <div class="box"> <img src="/box_img.jpg" al 阅读全文
posted @ 2021-02-04 15:42
影之轨迹
阅读(338)
评论(0)
推荐(0)
摘要：
observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper 阅读全文
posted @ 2020-12-14 15:07
影之轨迹
阅读(1029)
评论(0)
推荐(0)
摘要：
今天在开发时遇到一个问题，如何使高度等于百分比的宽度。原本的想法是通过js获取，但是这个方法感觉太麻烦，希望能用css做的事情就不要js去做。 完美的方案是通过padding来实现的。 原理 padding的定义: padding属性设置一个元素的内边距，padding 区域指一个元素的内容和其边界 阅读全文
posted @ 2020-11-25 15:33
影之轨迹
阅读(3111)
评论(0)
推荐(0)
摘要：
<div class="text_box"> <div class="text_box_cell"> <h3>xxxxxxxx</h3> <p>xxxxxxxx/p> </div> </div> .text_box{display: table;width: 100%;} .text_box_cel 阅读全文
posted @ 2020-09-29 13:42
影之轨迹
阅读(236)
评论(0)
推荐(0)
摘要：
使用JavaScript实现图片懒加载 html 1 <body> 2 <div class="img"> 3 <img src="./loading.gif" data-lazyload="https://dpic3.tiankong.com/67/cn/QJ6226943363.jpg@!350 阅读全文
posted @ 2020-09-24 17:38
影之轨迹
阅读(205)
评论(0)
推荐(0)
摘要：
在Chrome中当我们使用浏览器中记住的账号密码会自动填充表单，那时背景色会改变,想要进行修改,需要设置特殊的伪类来修改背景色. 1 input:webkit-autofill { 2 -webkit-box-shadow: 0 0 0 1000px #颜色 inset !important; 3 阅读全文
posted @ 2020-09-24 17:34
影之轨迹
阅读(192)
评论(0)
推荐(0)
浙公网安备 33010602011771号