为了账号安全,请及时绑定邮箱和手机立即绑定

请问这一段的设置是基于什么意思

  /*设置背景图像不显示动画效果*/

            @-webkit-keyframes 'notTarget' {

            0% { z-index: 75; }

            100% { z-index: 75; }

            }

            @-moz-keyframes 'notTarget' {

            0% { z-index: 75; }

            100% { z-index: 75; }

            }

            @-ms-keyframes 'notTarget' {

            0% { z-index: 75; }

            100% { z-index: 75; }

            }

            @-o-keyframes 'notTarget' {

            0% { z-index: 75; }

            100% { z-index: 75; }

            }

            @keyframes 'notTarget' {

            0% { z-index: 75; }

            100% { z-index: 75; }

            }


正在回答

1 回答

前面的前缀-webkit-,-moz-,是适应不同浏览器的作用。

@keyframes:被称为关键帧,其类似于Flash中的关键帧。在一个“@keyframes”中的样式规则可以由多个百分比构成的,如在“0%”到“100%”之间创建更多个百分比,而0%-100%就是开始到结束。中间可以创建多个关键帧。

“notTarget”:这个是关键帧的名字,后面调用时用到。

“z-index” 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。就是说数值越大就越靠前,跟电脑窗口一样,会覆盖数值小的,该属性也可以是负值。

0% { z-index: 75; } 100% { z-index: 75; }

就是说从该动画开始到结束,值都不变。一直处在75这个位置。这样就一直在这个画面,没有变化,也就没有动画效果了。

2 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
十天精通CSS3
  • 参与学习       242686    人
  • 解答问题       2623    个

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

进入课程

请问这一段的设置是基于什么意思

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信