不透明的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转换

回答

相关问题