Ionic之ui-sref引入图片,图片部分挡住解决方案
2017-03-02 13:15
225 查看
ionic图片设置大小跟图片像素相同,但是使用ui-sref="parkInfo"上半部分图片会挡住,增加height的高度,就可以显示原本图片
页面:
css:
结果截图
页面:
<ion-content> <div><a href="views/haha/haha.html">这是首页</a></div> <ion-list> <ion-item class="car-bindCarNu" ui-sref="bindCar"></ion-item> <ion-item class="car-parkInfo" ui-sref="parkInfo"></ion-item> <ion-item class="count-mouthContinue" ui-sref="parkInfo"></ion-item> <ion-item class="ionic-merchan" ui-sref="parkInfo"></ion-item> </ion-list> </ion-content>
css:
.car-parkInfo{ background: url("../images/parkInfo.png") no-repeat center; width:134px; height:200px; margin-left: 200px; margin-top: -200px; }
结果截图
相关文章推荐
- 调用内置相机照片,部分手机图片旋转的解决方案
- ionic 路由使用ui-sref 父页面向子页面传递参数
- 安装DZ时出现“UCenter 的URL地址不正确”错误的解决方案 和首页上部分插入flash图片调用的方法!非网上复制!
- java透明图片上传,透明部分变黑的解决方案。
- NGUI中UI图片模糊,解决方案
- 【ionic+angularjs】angularjs ui-router路由简介($urlRouter、$state、$stateProvider、ui-sref....)
- 关于部分android手机连拍模式,手机拍照上传的图片旋转了90度的c#解决方案
- WordPress部分主题(Theme)修改图片位置无效解决方案及解释
- iOS--UIGraphicsBeginImageContext系列知识(图片缩放裁剪、改变大小、合并、裁剪部分、保存到媒体库)
- 利用vue+elementUI实现部分引入组件的方法详解
- ionic3之js(jQuary),css,图片的引入
- 【Unity&NGUI】PS裁剪UI把部分图片留着透明的部分&新建图集&调整NGUI的Sprite大小
- 关于部分手机拍照上传的图片旋转显示的c#解决方案
- android UI中添加一张图片如何将这张图片中某一部分设为透明的
- 【ionic+angularjs】angularjs ui-router路由简介($urlRouter、$state、$stateProvider、ui-sref....)
- android UI中添加一张图片如何将这张图片中某一部分设为透明的
- 最新ionic3中样式scss文件中引入图片路径问题。
- 多个表单和多个图片一起上传完美解决方案
- 分享动态生成文字图片解决方案
- Eclipse Forms: 为胖客户端做的漂亮UI(翻译,第二部分)