不透明的Bug在最新的Chrome版本 - CSS轉換

基本的介紹自己在Chrome中，不透明度改爲一個小於1裏面的「併網項目'在CSS中的類，你會看到3D框的邊消失。

所以基本上更改CSS：

.grid-item { 
    margin:5px; 
    animation: float 3s ease-in-out infinite; 
    position:absolute; 
    float:left; 
    transform-style: preserve-3d; 
    width:100px; 
    display:block; 
    height:100px; 
    background:yellow; 
    opacity:0.9; /* <<<<< CHANGE THIS */ 
}

如果不透明度小於1格內內變換消失了，發生了什麼任何意見或解決方法？

來源

2016-09-14 foreyez

你能說出哪個版本的Chrome和你檢查的是哪個操作系統？ – Dekel

在Windows和Mac版本的Chrome中均發現了錯誤。 53.0.2785.113。上週這工作。 – foreyez

我會建議你到網格項類更改爲以下幾點：

.grid-item { 
margin:5px; 
animation: float 3s ease-in-out infinite; 
position:absolute; 
float:left; 
transform-style: preserve-3d; 
width:100px; 
display:block; 
height:100px; 
background: rgba(255, 255, 0, 0.3); 
}

不過我不知道爲什麼這個錯誤是對鉻的最新版本複製的，但是這種解決方法應該做的伎倆。

來源

2016-09-14 18:39:37 achref

令人敬畏的解決方法，謝謝！如果沒有其他人提出更好的想法，將標記爲答案 – foreyez

不客氣！ – achref

對於試圖在奠定了作爲網格項目映像應用不透明度時，遇到了此人的filter財產就派上用場了。

.grid-item { 
    // other properties... 
    filter: opacity(80%); 
}

雖然不支持，即overall support看起來不錯。

來源

2018-02-06 08:08:58

不透明的Bug在最新的Chrome版本 - CSS轉換

回答

相關問題