krinsyin 2022-09-28 18:35 采纳率: 66.7%
浏览 35
已结题

设置背景平铺,铺满正页面

问题遇到的现象和发生背景

vue中怎么设置背景平铺,铺满正页面,设置了但是图片显示不出来

用代码块功能插入代码,请勿粘贴截图
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
    <style>
        #building{
        background:url("../fruit/src/assets/1.3.png");
        width:100%;            //大小设置为100%
        height:100%;            //大小设置为100%
        position:fixed;
        background-size:100% 100%;}
        
        
    </style>
  </head>
  <body>
      <div id="building">
      </div>
      
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>


  • 写回答

3条回答 默认 最新

  • 犬莱八荒 2022-09-29 08:45
    关注

    html部分

    <image class="bg" src="../static/images/XXX.png"></image>
    

    css部分

    
        .bg{
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: -1;
        }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 10月27日
  • 已采纳回答 10月19日
  • 创建了问题 9月28日

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度