用<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%;
}
怎么弄都不行,直接打开这个网址是有图片的,已经关闭域名校验了
收到, 谢谢
背景图片不会直接显示出来,要将背景所在的组件设定一个最小高度(默认组件高度仅仅是包裹元素,如果里面没有元素的话高度为0)
怎样解决的, 也有同样的问题
谢谢
js里面加上
min-height: 100%;
就解决了,谢谢大家
没写高度
我突然发现添加了多少内容就显示多少图片。。请问有没有让背景全部显示出来的办法呢