移动端1像素问题
2016-09-09 14:42
471 查看
min-height: 4rem;
margin-top: -1px;
background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.5,#fff),color-stop(.5,transparent)) top left no-repeat,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) bottom left no-repeat,-webkit-gradient(linear,left top,left bottom,from(#e5e5e5),color-stop(.5,#e5e5e5),color-stop(.5,transparent)) top left no-repeat,-webkit-gradient(linear,left top,left bottom,from(#e5e5e5),to(#e5e5e5)) bottom left no-repeat,#fff;
background: -webkit-linear-gradient(90deg,#fff,#fff) top left no-repeat,-webkit-linear-gradient(270deg,#fff,#fff) bottom left no-repeat,-webkit-linear-gradient(90deg,#e5e5e5,#e5e5e5,rgba(229,229,229,0)) top left no-repeat,-webkit-linear-gradient(270deg,#e5e5e5,#e5e5e5,rgba(229,229,229,0)) bottom left no-repeat,#fff;
background: linear-gradient(0deg,#fff,#fff) top left no-repeat,linear-gradient(180deg,#fff,#fff) bottom left no-repeat,linear-gradient(0deg,#e5e5e5,#e5e5e5,rgba(229,229,229,0)) top left no-repeat,linear-gradient(180deg,#e5e5e5,#e5e5e5,rgba(229,229,229,0)) bottom left no-repeat,#fff;
-webkit-background-size: 0 0,0 0,100% 1px,100% 1px;
-webkit-box-align: center;
-webkit-align-items: center;
margin-top: -1px;
background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.5,#fff),color-stop(.5,transparent)) top left no-repeat,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) bottom left no-repeat,-webkit-gradient(linear,left top,left bottom,from(#e5e5e5),color-stop(.5,#e5e5e5),color-stop(.5,transparent)) top left no-repeat,-webkit-gradient(linear,left top,left bottom,from(#e5e5e5),to(#e5e5e5)) bottom left no-repeat,#fff;
background: -webkit-linear-gradient(90deg,#fff,#fff) top left no-repeat,-webkit-linear-gradient(270deg,#fff,#fff) bottom left no-repeat,-webkit-linear-gradient(90deg,#e5e5e5,#e5e5e5,rgba(229,229,229,0)) top left no-repeat,-webkit-linear-gradient(270deg,#e5e5e5,#e5e5e5,rgba(229,229,229,0)) bottom left no-repeat,#fff;
background: linear-gradient(0deg,#fff,#fff) top left no-repeat,linear-gradient(180deg,#fff,#fff) bottom left no-repeat,linear-gradient(0deg,#e5e5e5,#e5e5e5,rgba(229,229,229,0)) top left no-repeat,linear-gradient(180deg,#e5e5e5,#e5e5e5,rgba(229,229,229,0)) bottom left no-repeat,#fff;
-webkit-background-size: 0 0,0 0,100% 1px,100% 1px;
-webkit-box-align: center;
-webkit-align-items: center;
相关文章推荐
- js 实现在移动端开发,解决不同手机像素大小的兼容问题
- 移动端1像素边框问题
- 移动端1像素边框问题的解决方案
- 饿了么项目---4、移动端查看项目及border 1像素问题
- 移动端一像素的边框问题
- stylus解决移动端1像素边框的问题
- 解决移动端的一像素问题
- 【H5开发基础】移动端1像素边框问题的解决方案
- 利用stylus解决移动端1像素边框的问题
- 图像处理中像素点的问题:unsigned char 和 char
- andriod多像素问题
- Flash 备忘两个问题 1.BitMapData 最大像素 2.Math.round(ProgressEvent.bytesLoaded / e.byteTotal 在html嵌套显示失败。
- silverlight1像素问题 silverlight一像素问题(译)
- GDI绘图半个像素问题的偏移解决。
- IE的2像素偏差问题终于“将要”成为历史了(附js微技巧一则)
- 给图片添加水印,解决GIF添加水印的问题(无法从带有索引像素格式的图像创建 Graphics 对象)
- 栅格数据的像素值保存问题
- 像素单位问题
- BMP格式中像素操作出现的问题