隐藏的溢出不起作用



我在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;
}

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

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

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

必须将图像包裹在2个divs/pection/dd中,然后将溢出:隐藏在内部。在这种情况下,部分。

之前(不工作)

<dd><img></dd>

现在(工作)

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

最新更新