2014-02-05 33 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

非常感謝! –