請問這一段的設(shè)置是基于什么意思
? /*設(shè)置背景圖像不顯示動畫效果*/
? ? ? ? ? ? @-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; }
? ? ? ? ? ? }
2017-05-02
前面的前綴-webkit-,-moz-,是適應(yīng)不同瀏覽器的作用。
@keyframes：被稱為關(guān)鍵幀，其類似于Flash中的關(guān)鍵幀。在一個“@keyframes”中的樣式規(guī)則可以由多個百分比構(gòu)成的，如在“0%”到“100%”之間創(chuàng)建更多個百分比，而0%-100%就是開始到結(jié)束。中間可以創(chuàng)建多個關(guān)鍵幀。
“notTarget”：這個是關(guān)鍵幀的名字，后面調(diào)用時用到。
“z-index” 屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。就是說數(shù)值越大就越靠前，跟電腦窗口一樣，會覆蓋數(shù)值小的，該屬性也可以是負(fù)值。
0% { z-index: 75; } 100% { z-index: 75; }
就是說從該動畫開始到結(jié)束，值都不變。一直處在75這個位置。這樣就一直在這個畫面，沒有變化，也就沒有動畫效果了。