2015-08-23 68 views
-1

當我嘗試一個移動設備(或平板)與Android上使用background-color: rgba(233, 233, 227, 0.72);,出現一個問題:CSS background-color rgba。 Android中的錯誤?

screen capture

正如可以在上面的圖中看到,有兩個div之間的水平線。此問題僅在Android設備上顯示:Android或Chrome瀏覽器。 在臺式計算機上,此代碼正常工作。

如果你想嘗試一下: http://jsfiddle.net/karmany/1y10cn0j/

這是Chrome和Android瀏覽器中的錯誤?

代碼:

.bckg { 
 
    background-color: blue; 
 
} 
 

 
.div-top, .div-bottom { 
 
    height: 50px; 
 
    background-color: rgba(233, 233, 227, 0.72); 
 
    background-clip: border-box; 
 
    width: 100%; 
 
    display: block; 
 
    padding: 0; 
 
    border: 0; 
 
    margin: 0; 
 
    box-shadow: none; 
 
}
<div class="bckg"> 
 
    <div class="div-top"></div> 
 
    <div class="div-bottom"></div> 
 
</div>

+0

如果你改用十六進制顏色,它會發生嗎? – Propolys

+0

不。如果你使用十六進制顏色,這段代碼工作正常。問題是與alpha通道rgba。 – karmany

+0

我試過這個代碼: Aquaris E4.5> Chrome 44.0.2403.133, Sony Xperia> Chrome, 平板電腦Samsung Galaxy> Android瀏覽器 – karmany

回答