为什么溢出：隐藏不在Android平板电脑上工作？

Question

个人电脑上的html chrome

<div id="opening_0" style="background-color: #bfbfbf; position: absolute; left: 56.25px; top: 63.75px; height: 97.5px; width: 67.5px; overflow: hidden; z-index: 6; border-radius: 50% " ondrop="drag_drop_drop(event, this)" ondragover="drag_drop_allow_drop(event)" onclick="photos_add_selected_fid(this);">
  <img src="system/photo/cf_preview/98f4fddef8c79235b534de4d303b2713" width="341" height="256" style="left: 0px; top: 0px; position: relative;" class="ui-draggable">
</div>

html平板电脑上的html默认浏览器

<div id="opening_0" style="background-color: #bfbfbf; position: absolute; left: 56.25px; top: 63.75px; height: 97.5px; width: 67.5px; overflow:hidden; z-index: 6; border-radius: 50%" ondrop="drag_drop_drop(event, this)", ondragover="drag_drop_allow_drop(event)" onclick="photos_add_selected_fid(this);">
  <img src="system/photo/cf_preview/98f4fddef8c79235b534de4d303b2713" style="left:0px; top:0px; position: relative;" width="341" height="256" class="ui-draggable">
</div>

编辑：我输入了第二个overflow标签的拼写错误（我必须手动从平板电脑输入源代码到此处）。当我修复它时，两个jsfiddle都显示了预期的图像，然而，Android平板电脑仍然没有。

这就是平板电脑的样子：

Answer 1

第二个代码段（html平板电脑）中有一个拼写错误

溢出属性设置为hiden。

Answer 2

<div id="opening_0" style="position: absolute; left: 56.25px; top: 63.75px; z-index: 6;" ondrop="drag_drop_drop(event, this);" ondragover="drag_drop_allow_drop(event);" onclick="photos_add_selected_fid(this);">
  <div id="2_opening_0" style="overflow: hidden;  border-radius: 50% ">
    <div id="3_opening_0" style="background-color: #bfbfbf; height: 97.5px; width: 67.5px; ">
      <img src="/system/photo/cf_preview/98f4fddef8c79235b534de4d303b2713" width="341" height="256" style="position: static; margin-left: 0px; margin-top: 0px;" class="ui-draggable">
    </div>
  </div>
</div>

我基本上必须在opening_0 div中再创建2个div。平板电脑不喜欢图像标签中的静态定位。