我正在尝试使用CSS3淡化对象。
因此，我使用过渡对从不透明度1到不透明度0的对象状态进行动画处理，并在过渡结束时将z-index设置为-1以便能够对以下内容进行操作（例如，选择文本）。
可以在Chrome上运行，但不能在Firefox上运行，这是简单的小提琴：http : //jsfiddle.net/8qtg5wuj/5/
.wrapper {border:2px solid #f00;width:200px;height:200px;position:relative;}
.inner:before
{content:'';
background:#ccc;
width:105%;
height:105%;
position:absolute;
top:-2.5%;
left:-2.5%;
z-index:1;
opacity:1;
transition:z-index 0, opacity 1.2s;}
.wrapper:hover .inner:before
{transition:z-index 0 1.2s, opacity 1.2s;
opacity:0;
z-index:-1;}
有没有人遇到过这个问题，有什么想法吗？
Firefox需要时间值的单位，甚至是零（0s，不仅是0）。根据CSS单位和值规范，这是正确的，因为所有尺寸（出于历史原因，长度除外）都需要指定单位，即使是零值也是如此。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句