移動端overflow:scroll要素内部1 px要素の非表示を解決する方法

問題:モバイル端末で1 px問題を解決する慣用的な方法はscaleの方法で絶対的な1 px効果をスケールすることですが、android携帯電話ブラウザではoverflow:scroll要素内部の1 px要素が表示されないという問題があります.
解决方案: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)); 
}