2014-02-05 35 views
9

我有一个图像显示在DD有圆角。当我构建它并在Android设备上获取时,溢出:隐藏不起作用,并且完整的图片显示在dd上。任何人都有这个问题,并知道一个解决方法/修复?溢出隐藏不适用于Android

这是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; 
} 
+0

将img标签放在div {overflow:hidden;}中。 –

+0

div,dd,部分,它们都不起作用。 – Jeffha77

回答

-4

不得不将图像封装在2 divs/sections/dd中,并将溢出:隐藏在内部。在这种情况下,该部分。

之前(没有工作)

<dd><img></dd> 

现在(工程)

<dd><section><img></section></dd> 
+0

尝试验证您的代码[http://validator.w3.org/],您将因无效标记而获得标记错误 – Barun

+2

-1 –

12

溢出:隐藏在元素是相对或绝对位置并不适用于Android。

最简单的解决方法是使用relative/absolute和具有溢出内部元素的外部元素。

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

非常感谢! –