当前位置: 首页 > Web前端 > HTML5

总结开发过程中的坑(二)

时间:2023-04-05 23:42:24 HTML5

在日常工作中,经常会遇到各种坑。有时候真的觉得很多开发经验都被踩了。在大牛的路上,希望自己能克服重重障碍,越走越远。学会时时总结,不断完善自己。本文旨在总结开发过程中容易忘记或遇到的重要坑。一方面会加深自己对这部分的理解,另一方面也希望能分享给大家。知识在于分享,踩过的坑当然也不例外。(有趣的)。内容IE绝对定位被img覆盖IOS元素点击触发高亮inputreadyonly点击出现光标IE9change事件cutdelete不能触发两栏布局超宽水平滚动1.IE绝对定位被img覆盖有这样一个场景,用于浏览浏览器插入一个带有一些链接的img。通过绝对定位的方式,定位到img对应的位置。在chrome和firefox没有问题,但是在IE中测试显示链接被img屏蔽了。有两种方法可以解决这个问题。1.使用css背景图片替换img2。在链接中添加以下属性:background:url(about:blank);2、点击IOS元素触发highlighting-webkit-tap-highlight-color是一个不规则的属性(unsupportedWebKitproperty),在CSS规范草案中没有出现。覆盖当用户点击SafariforiOS中的链接或JavaScript可点击元素时显示的突出显示颜色。该属性只能设置透明度。如果未设置透明度,iOSSafari将使用默认透明度。当透明度设置为0时,该属性将被禁用;当透明度设置为1时,点击时元素将不可见-webkit-tap-highlight-color:color3。inputreadyonly点击光标在开发中使用时间插件,设置input为readonly。在IOS的低版本(10.2)中,点击输入的时候还是会出现光标。在尝试了很多方法之后,最终的解决方案是:4.IE9的change事件剪切和删除不能触发jQuery的change事件。在使用的时候发现无法触发IE中的剪切和删除。您可以改用输入属性更改事件。5.两列布局(一侧固定,另一侧自适应)左定位,右自适应左浮动,右自适应左浮动,右自适应(右侧多嵌套一层)6.水平滚动超出宽度是通常通过使用空白和溢出来解决