的Android的WebView：CSS規模絲毫不掩飾原來

我加了的WebView到我的主要活動（API等級22），並加載一些網頁內容。
在某些時候，您必須從列表中選擇一名或多名員工，選定的員工將選擇一個小變換：縮放（，）動畫。
但是，WebView在動畫播放的同時和之後並不隱藏原始元素。

IMAGE：http://i.imgur.com/FUAszRu.png

正如你所看到的，原始的元素，或有時只是它仍然是一小部分。

這裏的CSS我用：

.employee { 
    width: 100%; 
    font-size: 40px; 
    font-weight: bold; 
    background-color: #fff; 
    margin-bottom: 12px; 
    padding: 70px 12px; 
    text-align: center; 
    box-shadow: 0 5px 30px rgba(0, 0, 0, .75); 
    color: #444; 
    cursor: pointer; 
    -o-transition: all 1s ease; 
    -ms-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    -webkit-transition: all 1s ease; 
    transition: all 1s ease; 
} 

.employee.selected { 
    box-shadow: 0 0 10px rgba(0, 0, 0, .75); 
    background-color: #E6EE9C; 
    -o-transform: scale(0.95, 0.95); 
    -ms-transform: scale(0.95, 0.95); 
    -moz-transform: scale(0.95, 0.95); 
    -webkit-transform: scale(0.95, 0.95); 
    transform: scale(0.95, 0.95); 
}

這種現象也適用於谷歌瀏覽器（V：46.0.x）和標準Android瀏覽器。取消選擇一個項目會立即刪除所有其他殘留物。有沒有辦法來處理，也許與jQuery動畫而不是CSS3？一種方法來更新我的設備（宏碁Iconia One 10（nt.lc8ee.001）），使其工作沒有渲染問題？

非常感謝提前！

來源

2016-07-14 LiooRyuuguu

現在我用了一個不同的CSS來解決這個問題。我添加了一個包裝類+元素：

.employee-wrapper { 
    height: 180px; 
    margin-bottom: 12px; 
}

和修改其他類這樣的：

.employee { 
    width: 100%; 
    font-size: 40px; 
    line-height: 180px; 
    font-weight: bold; 
    background-color: #fff; 
    text-align: center; 
    box-shadow: 0 5px 30px rgba(0, 0, 0, .75); 
    color: #444; 
    cursor: pointer; 
    margin-top: 0; 
} 

.employee.selected { 
    box-shadow: 0 0 10px rgba(0, 0, 0, .75); 
    background-color: #E6EE9C; 
    width: 95%; 
    margin: 6px 2.5%; 
    line-height: 168px; 
    font-size: 38px; 
}

現在它看起來一樣，用不同的，它不會產生任何渲染問題在我的設備上。

來源

2017-03-16 23:41:59 LiooRyuuguu

的Android的WebView：CSS規模絲毫不掩飾原來

回答

相關問題