首页 > 代码库 > background-size引发的背景图片不显示的问题
background-size引发的背景图片不显示的问题
background-size 这个背景属性在移动开发大家应该都有使用，而且会有一种用得很爽的感觉。今天后台哥突然找我说页面中所有的背景图片显示不了。赶紧拿起手机，开启原生的浏览器打开一看，果然...所有背景图片均显示不了(ps：为什么之前没有发现..因为切页面时是用chorme插件看效果得)。有问题那就要马上验证解决。一番风过雨过后..终于找到原因并解决了。
引发问题的css背景写法：
1 background:url(image url) no-repeat 0 0;2 @include background-size(20px 20px) /* sass 写法 */
使用compass编译之后：
1 background:url(image url) 0 bottom/10px 45px repeat-x;2 -moz-background-size:10px 45px;3 -o-background-size:10px 45px;4 -webkit-background-size:10px 45px
悲剧就是这样发生了，background这样简写后，android原生浏览器解析不了：
1 0 bottom/10px 45px
我使用的避免办法，使用详细得属性写法：
background-position: 0 bottom;background-repeat: repeat-x;background-image: url(image url);@include background-size(10px 45px);使用compass编译之后：
1 background-position: 0 bottom;2 background-repeat: repeat-x;3 background-image: url(image url);4 -moz-background-size:10px 45px;5 -o-background-size:10px 45px;6 -webkit-background-size:10px 45px;7 background-size:10px 45px;
其实这个问题css写法上并不会引发这个问题，主要还是因为compass编译样式后引发的。这种问题时间消耗主要还是在定位问题上，留此一篇，希望不会再有人遇到类似的问题.....end....
background-size引发的背景图片不显示的问题
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。