我非常需要您的帮助。 我的HTML代码有问题，我不知道该怎么办，我尝试了所有操作，但仍然无法按我希望的方式工作。
问题是，我希望这两个蓝色矩形（编码为div style =“ background”）位于这些确切位置，但除了背景（红色图像）之外，不要覆盖其他任何东西： https://s8.postimg.cc/3z8n6suit/pic3_1.png
褪色的窗口实际上会卷起，如下所示： https://s8.postimg.cc/lqk9l626r/likethis.png
这是代码，它很长（矩形位于结尾）：https://pastebin.com/4MJ50KNy
这是我编码矩形的方式：
<div style="background:url("https://s8.postimg.cc/saigdko79/image.png");width:292px;height:60px;margin-top:-642px;margin-left:22px;float:left;padding:5px;"></div>
<div style="background:url("https://s8.postimg.cc/egu3ojir9/image.png");width:176px;height:193px;margin-top:-860px;margin-left:578px;float:left;padding:5px;"></div>
在Google Chrome浏览器中，代码按我想要的方式显示，矩形不覆盖其他窗口，它们只是在背景上，但是在其他浏览器中却被弄乱了。
我非常感谢任何帮助人员，我非常绝望：c