Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 多重转换_Jquery_Html_Css - Fatal编程技术网

Jquery 多重转换

Jquery 多重转换,jquery,html,css,Jquery,Html,Css,昨天我解决了关于jquery的问题,它没有正确加载。今天,我面临另一个问题:一个元素有两个转换。第一个转换在页面加载后开始:它淡入。当我不使用第二次转换时,这个方法实际上是有效的。每当有人悬停在ul上时,我的第二次转换必须开始。问题是悬停过渡“覆盖”淡入过渡。我的朋友: 提前谢谢 与任何其他规则一样,同名的CSS规则会相互覆盖 试试这个: transition: opacity 2s ease-in, color 0.3s ease-in-out; 请注意,您只需要转换和-webkit转换,

昨天我解决了关于jquery的问题,它没有正确加载。今天,我面临另一个问题:一个元素有两个转换。第一个转换在页面加载后开始:它淡入。当我不使用第二次转换时,这个方法实际上是有效的。每当有人悬停在ul上时,我的第二次转换必须开始。问题是悬停过渡“覆盖”淡入过渡。我的朋友:


提前谢谢

与任何其他规则一样,同名的CSS规则会相互覆盖

试试这个:

transition: opacity 2s ease-in, color 0.3s ease-in-out;

请注意,您只需要转换和-webkit转换,因为Firefox和Opera现在完全支持非固定版本,并且-ms转换从来都不存在。

您不能将相同的CSS规则放在同一个规则集上而不被覆盖。这适用于一切。例如,如果您有:

span {
    color: red;
    color: green;
}
跨度将是绿色的。这意味着您不能为同一规则集堆叠转换规则

可以使用逗号创建多个单独的转换规则

transition: opacity 2s ease-in, color .3s ease-in-out;

有道理!谢谢你的回答和解释,我应该自己解决的。谢谢你,我不知道。