Css 最新的Chrome是否会使不透明度触发油漆？

有人知道最新的chrome是否会产生不透明度转换触发油漆吗？我昨天刚意识到这一点，当我使用slider插件时，我以前测试过它，它没有导致绘制，因为它使用transform:translateZ将元素提升到新层。但现在它似乎触发了油漆。我知道处理不透明度的浮点攻击，类似这样：“不透明度：0.99999”，但我也读到它会导致性能问题。有人能给我一些解决办法吗。谢谢。这是我的密码：

window.app=window.app |{}；
app.slider=功能（设置）{
"严格使用",；
var idWrapper=document.getElementById（setting.wrapperID），
idSlider=document.getElementById（setting.sliderID），
sliderChilds=idSlider.childs，
totalChilds=sliderChilds.length，
指数=0，
开始
_玩,，
_停止；
如果（！！设置。自动播放）{
var autoPlay=true；
var delay=setting.delay | | 5000；
_播放=功能（）{
开始=设置间隔（下一步，延迟）；
}
_停止=功能（）{
清除间隔（开始）；
}
}
如果（！！设置.分页ID）{
var idPaging=document.getElementById（setting.pagingID），
pagingChilds=idPaging.childs；
}
如果（！！设置.导航按钮）{
var buttonNext=函数（）{
var divNext=document.createElement（'div'）；
divNext.classList.add（'nav-slider'）；
divNext.classList.add（'next'）；
appendChild（divNext）；
addEventListener（'click'，_next，false）；
如果（！！设置。自动播放）{
addEventListener（'mouseenter'，'u stop，false）；
divNext.addEventListener（'mouseleave'，_play，false）；
}
};
var buttonPrev=函数（）{
var divPrev=document.createElement（'div'）；
divPrev.classList.add（'nav-slider'）；
divPrev.classList.add（'prev'）；
idWrapper.appendChild（divPrev）；
divPrev.addEventListener（'click'，_prev，false）；
如果（！！设置。自动播放）{
divPrev.addEventListener（'mouseenter'，'u stop，false）；
divPrev.addEventListener（'mouseleave'，'u play，false）；
}
};
}
功能_变更幻灯片（index1，index2）{
requestAnimationFrame（函数（）{
sliderChilds[index1].classList.remove（'active'）；
sliderChilds[index2].classList.add（'active'）；
如果（！！设置.分页ID）{
pagingChilds[index1].classList.remove（'active'）；
pagingChilds[index2].classList.add（'active'）；
}
如果（！！设置。外部）{
setting.external（）；
}
});
}
函数_next（）{
如果（索引0）{
_变更幻灯片（索引，索引-1）；
索引--；
}否则{
_变更幻灯片（索引，totalChilds-1）；
指数=totalChilds-1；
}
}
函数_setSlider（）{
idWrapper.classList.add（'slider-wrapper'）；
幻灯片类[0]。类列表。添加（'active'）；
如果（！！设置。自动播放）{
_play（）；
}
如果（！！设置.导航按钮）{
buttonNext（）；
buttonPrev（）；
}
如果（！！设置.分页ID）{
pagingChilds[0].classList.add（'active'）；
对于（变量i=0；i
*{
框大小：边框框；
}
html，正文{
边际：0px；
填充：0px；
}
img{
最大宽度：100%；
垂直对齐：顶部；
}
.包装纸{
填充：20px；
字体大小：0px；
}
/*滑块CSS*/
.滑块包装器{
位置：相对位置；
宽度：100%；
保证金：自动；
}
.滑块内容{
位置：相对位置；
宽度：100%；
保证金：自动；
垫底：50%；
}
.滑块项目{
位置：绝对位置；
顶部：0px；
右：0px；
底部：0px；
左：0px；
不透明度：0；
背景尺寸：封面；
背景位置：中心；
变换：translateZ（0）；
过渡：所有500ms的缓进缓出；
}
.slider-item.active{
z指数：1；
不透明度：1；
}
.滑块分页{
位置：绝对位置；
z指数：1；
底部：10px；
左：0px；
宽度：100%；
文本对齐：居中；
变换：translateZ（0）；
}
.分页项目{
显示：内联块；
宽度：10px；
高度：10px；
利润率：0px 5px；
背景色：红色；
边界半径：100%；
光标：指针；
}
.paging-item.active{
背景色：黑色；
}
.导航滑块{
位置：绝对位置；
z指数：1；
最高：50%；
宽度：50px；
高度：50px；
利润上限：-25px；
字号：0；
不透明度：.5；
背景色：黑色；
变换：translateZ（0）；
过渡：不透明度200ms缓进缓出0ms；
光标：指针；
}
.导航滑块：悬停{
不透明度：.75；
}
.普雷夫：以前{
内容：''；
显示：块；
位置：绝对位置；
最高：50%；
右：16px；
宽度：20px；
高度：3倍；
利润上限：-7px；
背景色：#fff；
变换：旋转（-45度）；
}
.普雷夫：之后{
内容：''；
显示：块；
位置：绝对位置；
最高：50%；
右：16px；
宽度：20px；
高度：3倍；
边缘顶部：5px；
背景色：#fff；
变换：旋转（45度）；
}