background-image显示不出图片
发布于 5 年前 作者 cdu 5060 次浏览 来自 问答

用<image src="">可以正常显示网络上的图片,用{background-image:url("")}就显示不出来,大家有遇到这种难问题吗?

我的代码如下:

index.wxml:

<view class=“cover”>

</view>

<!–<image src=“http://localhost:8080/resources/images/cover/cover-1.jpg” mode="widthFix"lazy-load=‘true’ style=‘width:100%’ />–>

index.wxss:

.cover{

position: fixed;

height: auto;

width: 100%;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

background-image: url(http://localhost:8080/resources/images/cover/cover-1.jpg);

background-size: 100% 100%;

}

怎么弄都不行,直接打开这个网址是有图片的,已经关闭域名校验了

6 回复

没写高度

怎样解决的, 也有同样的问题

谢谢

背景图片不会直接显示出来,要将背景所在的组件设定一个最小高度(默认组件高度仅仅是包裹元素,如果里面没有元素的话高度为0)

js里面加上

min-height: 100%;

就解决了,谢谢大家

收到, 谢谢

我突然发现添加了多少内容就显示多少图片。。请问有没有让背景全部显示出来的办法呢

回到顶部