Question

我有一张带有圆角的DD显示图片。当我构建它并在Android设备上获取它时溢出：隐藏不起作用，整个图片显示在dd上。其他人有这个问题并知道解决方法/修复？

这是DD的CSS。

.empImage {
    position:absolute;
    width:90px;
    height:110px;
    top:0;
    right:0;
    overflow: hidden;
    background-color: #eaeaea;
    border: #f26122 solid thin;
    -moz-border-radius: 15px;
    border-radius: 25px;
    -moz-box-shadow: -5px 0px 5px #666;
    -webkit-box-shadow: -5px 0px 5px #666;
    box-shadow: -5px 0px 5px #666;
}

Answer 1

溢出：当元素是相对位置或绝对位置时，隐藏在android上不起作用。

最简单的解决方法是使外部元素具有相对/绝对，内部元素具有溢出。

<div style="position:absolute">
  <div style="width:100%; height:100%; overflow:hidden">
    <img>
  </div>
</div>

Answer 2

必须将图像包装在2个div / sections / dd中并将overflow：hidden隐藏在内部。在这种情况下的部分。

之前（没有工作）

<dd><img></dd>

现在（作品）

<dd><section><img></section></dd>

隐藏的溢出功能无法在Android上运行

2 个答案: