css网页手机版不显示背景图片

如题,这个是我的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Wdzhsj</title>
    <style>
        #显示框{position:absolute;width:80%;height:70%;border-style: groove;margin-left: 10%;border-color: blueviolet}
        #输入框{position:absolute;float:left;display:inline-block;width: 60%;height: 100%;border-style: groove;margin-left: 20%;border-color: #00ffff;opacity: 0.5;color: black;font-size: 20px;overflow: scroll}
        body{position:absolute;margin: 0px 0px; padding: 0px 0px;width:100%;height:100%;}
        #总体{position:absolute;display:inline-block;vertical-align: middle;margin: 0px 0px;width:100%;height:100%;background-image: url("back.png");background-repeat: no-repeat;background-size:100% 100%;opacity: 0.5;}
        #发送{position:absolute;display:inline-block;left: 72%;top:70%;width: 8%;height: 30%;background-color: dimgrey;font-size: 120%;color: black}
        #输入{position: absolute;top: 75%;width: 100%;height: 20%;}
    </style>
</head>
<body>
<div id="总体">
<div id="显示框">
</div>
<div id="输入">
    <form name="form1" method="post" action="aaa.Relationship">
        <textarea id="输入框" wrap="soft" name="chat"></textarea>
        <input type="submit" value="发送" id="发送" onclick="displayWindowSize()">
    </form>
</div>
</div>
</body>
</html>

在电脑上是正常显示的,手机不仅不显示背景图片submit按钮还变成了圆的。

id别用中文啊,因为有的浏览器中css对中文支持的不好。

图片跟页面是在同一个文件夹里面吗?

您好,我是有问必答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务,为了后续更快速的帮您解决问题,现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中,希望能得到您的支持与协助!

速戳参与调研>>>https://t.csdnimg.cn/Kf0y