如题,这个是我的代码:
<!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