![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端bug
littlebearGreat
宁静致远
展开
-
清除浮动引起的高度塌陷的7种方法
float会引起高度塌陷问题。触发条件:子元素全是float元素 且 父元素没有设置高度。解决方法:1.给父元素设置高度2.设置一个空标签,并且给此标签加上 clear:both;3.<br clear=both />4.给父元素设置overflow:hidden;5.给父元素设置overflow:auto;6.给父元素设置浮动 ...原创 2016-11-13 05:35:50 · 4572 阅读 · 1 评论 -
transform使用导致元素内字体出现模糊的坑~~~
今天用了一款日历插件,结果在我的页面上出现字体模糊的现象,调了一下,也确认是transform导致的。具体结论是:当使用translate进行位移的时候,如果选择的值是不接近整数的小数(测试时,整数和接近整数的小数比如:1.89、1.9+的数不会出现模糊的情况),位移的元素字体和背景等都会出现模糊的情况; 大神原文链接(很具体):https://www.cnblogs.com/...转载 2018-12-06 15:34:32 · 6984 阅读 · 0 评论 -
苹果设备上div加onclick事件点击无效的解决办法
按照标签的语义化,button标签是用来点击的。而div,自己体会哈。给div加个属性 cursor:pointer;在苹果设备上onclick就有效了原创 2018-01-18 15:08:01 · 11060 阅读 · 1 评论 -
button的样式在浏览器上的兼容性
button标签的样式在不同浏览器下也有样式上的不同:今天发现一个用angular路由写的返回按钮在Chrome下有效,在Firefox、IE下无效,代码如下浏览器调试,发现在Firefox下,button标签完全挡住的a标签,所以才点击无效,于是我就把button换成了span,就解决问题了记录这个问题,加深记忆原创 2017-10-25 17:01:12 · 1955 阅读 · 0 评论 -
关于js浮点精度计算不准确的问题及解决方法
js浮点数计算出现误差的问题,处理浮点数精度。关于js浮点精度计算不准确的问题及解决方法js计算不准确,0000000000000004浮点数误差产生的原因:先看一个实例:0.1 + 0.2 =?0.1 + 0.2 = 0.3?我们先来看一段 JS。conso转载 2017-09-30 17:29:33 · 847 阅读 · 0 评论 -
解决ueditor报错:ZeroClipboard undefined
今天碰到这个问题,上网查了一下,解决掉了,感觉大神们说的有好多小白看不懂,就自己总结一下,加强自己的记忆吧,为下次碰到这种问题存储答案。现象:项目中用requireJS,在用到UEditor的时候会报这种错误(ZeroClipboard undefined)。原因:在有requireJS时ZeroClipboard不会把自己暴露为全局变量解决问题:1.在require模块加原创 2017-09-13 15:50:36 · 5144 阅读 · 0 评论 -
jQuery中 $(document).scrollTop()与 $(window).scrollTop()区别
前些天遇到了,针对浏览器窗口的滚动条,结果在ie下有兼容性,就查了一下,整理jQuery中,$(document).scrollTop()与 $(window).scrollTop()效果完全相同但是,(window).scrollTop()被所有浏览器支持所以,以后尽量用(window).scrollTop()原创 2017-08-14 11:37:17 · 4096 阅读 · 0 评论 -
解决IE浏览器下:td标签上有position: relative;与background-color属性时td边框消失
发句牢骚:少兼容IE能多活10年!!!今天发现,在IE浏览器上出现一个现象(edge下也有):table下的td,加了背景色后td的边框消失,如下图出现这种情况的原因是:td标签同时有position: relative;属性与背景色。解决问题:在td标签下加个div,把所有内容放在这个div中,给div加position: relative;(不让posi原创 2017-05-03 15:36:19 · 3473 阅读 · 0 评论 -
模拟select,鼠标从点击区域到显示区域完美过渡
例如小米官网的导航栏,鼠标hover的时候显示内容,那么从导航栏到显示的内容区域,鼠标如何完美过渡?下面是我自己的方法,直接上代码 二级菜单 .box{ width: 400px; height: 600px; margin: 100px auto 0; } .sele{ height: 100px; position: relati原创 2017-04-01 18:02:37 · 716 阅读 · 0 评论 -
边框圆角
border-radius:10px; (取值可用确定长度,也可用百分比)在IE8及其以下版本不支持此属性;目前无法解决;要实现圆角,最好的办法是用背景图来做圆角;除非不考虑IE8。原创 2016-11-14 18:21:16 · 417 阅读 · 0 评论 -
透明处理(解决ie bug)
透明处理:opacity:数值; (取值0-1)透明处理;IE8及其以下版本不兼容opacity属性解决方法:用下面的代码代替filter:alpha(opacity=数值); (取值范围:0-100)原创 2016-11-14 18:17:30 · 354 阅读 · 0 评论 -
element-ui的el-tooltip与show-overflow-tooltip不显示
突然发现不知何时el-table-column 中使用 show-overflow-tooltip 不显示提示el-tooltip标签也不显示提示我这种情况的解决办法:删除node_modules模块,再安装一下...原创 2019-04-09 11:58:55 · 6392 阅读 · 0 评论