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

Jef*_*a77 9 css android css3 cordova

我有一张带有圆角的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;
}
Run Code Online (Sandbox Code Playgroud)

tha*_*orn 13

溢出:当元素是相对或绝对位置时,隐藏在android上不起作用.

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

<div style="position:absolute">
  <div style="width:100%; height:100%; overflow:hidden">
    <img>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)


Jef*_*a77 -6

必须将图像包装在 2 个 div/sections/dd 中,并将溢出:隐藏在内部。在本例中为该部分。

之前(没有工作)

<dd><img></dd>
Run Code Online (Sandbox Code Playgroud)

现在(有效)

<dd><section><img></section></dd>
Run Code Online (Sandbox Code Playgroud)