问题:移动端解决1px问题惯用方法是利用scale的方法缩放达到绝对的1px效果,然而android手机浏览器会有一个问题,就是overflow:scroll元素内部1px元素不显示
解决方案:不使用scale方法实现,转而使用渐变的思想来实现,不用多说贴代码吧,懂的人自然懂 哈哈
.split-border{
position: absolute;
top: 0px;
width: 100%;
height: 1px;
background: -moz-linear-gradient(top, #eee, rgba(255, 255, 255, 0));
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(top, #eee, rgba(255, 255, 255, 0));
background: linear-gradient(to bottom, #eee, rgba(255, 255, 255, 0));
}