收藏
回答

background-image显示不出图片

用<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 个回答

  • 2018-01-21

    收到, 谢谢


    2018-01-21
    有用
    回复
  • 神游 Johnson
    神游 Johnson
    2018-01-21

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

    2018-01-21
    有用
    回复
  • 2018-01-21

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

    谢谢

    2018-01-21
    有用
    回复
  • 神游 Johnson
    神游 Johnson
    2018-01-19

    js里面加上

    min-height: 100%;

    就解决了,谢谢大家


    2018-01-19
    有用
    回复
  • 赵青山
    赵青山
    2018-01-19

    没写高度

    2018-01-19
    有用
    回复
  • 神游 Johnson
    神游 Johnson
    2018-01-19

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

    2018-01-19
    有用
    回复
登录 后发表内容