在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  C  HTML/ 微信小程序設置背景圖片

微信小程序設置背景圖片

在微信小程序是無法使用css的background-image為元素設置背景圖片的。于是我就用

<image src='../../images/img.jpg'></image>
<view>用absolute定位設置背景圖片</view>

然后通top,left,right,bottom將view的內容放在image的頂層，想問問這樣的方法會不會出問題，按目前我的真機（只有6s）測試是沒問題的。

回答
編輯回答
風清揚

用定位要注意定位父級

<view class='imgbox'>
  <image class='ico' mode='scaleToFill' src='{{ico}}></image>
    <text class="txt">{{text}}</text>
</view>
.imgbox{
  position: relative;
  width: 600rpx;
  height: 400rpx;
}
.ico{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.txt{
   position: relative;
}
2017年12月25日 02:20
編輯回答
毀與悔

這種方式測試真機是沒有問題的，但是從寫代碼的角度，如果是背景圖片用background-image設置更適合些

background-image 使用的時候需要注意它只能用網(wǎng)絡url或者base64 ，本地圖片用image標簽

設置背景圖片（手機和微信開發(fā)者工具上面預覽都可以顯示出來）

<view style="background-image: url('https://segmentfault.com/img/bVbbZxX?w=1080&h=517')">用absolute定位設置背景圖片</view>
2017年3月7日 10:14