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