在html/css中重新定位jquery元素

如何在HTML/CSS中重新定位所选图像中的jQuery元素

下面是我正在使用的HTML。需要移动的部分是“监视文本”，其中包括“监视文本第一”和“监视文本第二”。这样做的目的是让手表的中心显示数字（188和12/17）

但是，我需要元素的文本颜色和背景色输入框保持在手表下方

我觉得我已经尽了一切努力来重新定位分区。这一次我真的迷路了；非常感谢您的帮助

<div class="watchcontainer">

<div class="watch-background">
<div class="watch-text" id="move">
  <div class="watch-text-first">188</div>
  <hr />
  <div class="watch-text-second">12/17</div>
   </div>
    <div id="cubicleface"><img src="images/cubicle.png" alt="cubicle" /></div>

  </div>

  <div class="watch-form-container">
<form id="watch-form" method="post" action="#">
  <label class="text-label">TEXT COLOR:</label><BR /><input type="text" class="input-text-color" size="25" value="#333333" /><br />
  <label class="text-label">BACKGROUND COLOR:</label><BR /><input type="text" class="input-bg-color" size="25" value="#FFFFFF" /><br />
  <input type="submit" class="submit" value="CUSTOMIZE" />
</form>
  </div>
</div>
</div>
</div>
</div>

188

12/17
文本颜色：


背景色：

请在完成发布链接后获取帐户并设置所有内容。如果没有小提琴可看，很难说，也没有图像可看。我假设图像是一个表面？如果是这种情况，你可以通过使用更高的

z-index

值将div定位在图像上，或者你可以将面部图像设置为

背景url

值，并将div放在你的

立方体空间中

div？我刚刚开了一个JS Fiddle帐户&我真的不知道如何正确使用它。希望链接中的信息是可以理解的。是的，图像是一个手表的表面。