自游互动解决部分浏览器不支持space-evenly兼容性问题
本篇文章讲解一下部分浏览器在flex布局中justify-content不支持space-evenly的兼容性问题 解决方案我们用space-between 代替 //原始样式,只写关键其他样式不写了 .flexbox{ justify-c...
前端技术
解决百度浏览器fixed定位不显示的问题
本篇文章讲解一下H5页面在百度浏览器中fixed定位 不显示的问题 不显示的原因主要是百度浏览的广告屏蔽机制导致到。以下我整理出来的一些思路，能不能解决还需要看个人的页面代码情况 思路一：用fixed渲染的窗体不要添加width:100%...
h5页面解决ios中safari浏览器伪元素hover点击两次的问题
本篇文章记录一下h5页面在ios中safari浏览器伪元素hover点击两次的问题 我遇到的问题是了父元素中有个hove样式 子元素有checkbox控件, 在ios上总是需要点击两次, 第一次触发hove事件 第二次才触发che...
h5移动端line-height字体偏上问题
本篇文章记录一下在h5开发时用line-height导致字体偏上的问题,尤其是安卓手机. 解决这个问题我总共有4个方案. 代码 <a target="_blank" href="/aaa.html" class="btn">这是...
js设置光标始终在文本最后
本篇文章记录一下 div利用contenteditable=”true”模拟输入框时, 获取焦点时光标定位在文本的首位，这里我们需要把光标挪移到最后 此方法的参数就是模拟输入框的div 不过这里的传入的 jquery 对象 function...
ie中sort提示语法错误, ie中无效的解决方案
本篇文章记得一下sort在ie中提示语法错误, 在ie中无效的解决方案 兼容性比较好的写法如下 var shuzu=[5,9,2,3,1,6]; //倒序 shuzu= shuzu.sort(function (a, b) { return...
css布局上下高度固定中间自适应，且内容超出高度时出现滚轴
本篇文章记得一下css 布局上下固定高度 中间自适应高度 且内容 超出高度时出现滚轴 这里用的flex布局的方案实现布局 <!doctype html> <html> <head> <meta...
解决jquery在ie下ajax post 提交时的乱码问题
本篇文章记录一下jquery在ie下ajax post 提交时出现乱码的解决方案 问题一: 因为jquery ajax是使用utf-8来编码发送数据的，ie在发送时却没加上charset=utf-8，从而导致乱码(IE默认使用iso-88...
修改input的placeholder属性的样式
本篇文章记录一下如何修改txt 、textarea中placeholder属性的样式。 ::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ :-moz-placeholder{} /* Fi...
hover伪类在ios移动端浏览器内无效的解决方法
本篇文章记录一下伪类hover在ios移动safari浏览器中无效的问题 hover 设置的样式在ios系统的浏览器内显示不出来，看来在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:a...