用<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回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Sally1

    19人对此回答表示赞同

    没写高度

    展开
    19
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 陈港生

    16人对此回答表示赞同

    收到,谢谢

    展开
    16
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 风里来雨里去

    11人对此回答表示赞同

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

    展开
    11
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • Ezra

    8人对此回答表示赞同

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

    展开
    8
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 赵凯歌

    6人对此回答表示赞同

    js里面加上

    展开
    6
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 余生

    1人对此回答表示赞同

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

    展开
    1
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部