?
本文檔使用 php中文網(wǎng)手冊(cè) 發(fā)布
nav-index:auto | <number>
默認(rèn)值:auto
適用于:所有 enabled 的元素
繼承性:無(wú)
動(dòng)畫性:否
計(jì)算值:指定值
相關(guān)屬性: <' nav-up '> || <' nav-right '> || <' nav-down '> || <' nav-left '>
auto:元素的導(dǎo)航焦點(diǎn)順序由客戶端自動(dòng)分配。
<number>:用浮點(diǎn)數(shù)來定義元素的導(dǎo)航焦點(diǎn)順序。若某元素的該值等于1則意味著該元素最先被導(dǎo)航。當(dāng)若干個(gè)元素的nav-index值相同時(shí),則按照文檔的先后順序進(jìn)行導(dǎo)航。
該屬性是HTML4/XHTML1中標(biāo)簽屬性tabindex的替代品。
只有支持nav-index屬性的元素才能參與導(dǎo)航排序。
被禁用的元素將不參與導(dǎo)航排序。
該屬性有被w3c標(biāo)準(zhǔn)移除的風(fēng)險(xiǎn)。
對(duì)應(yīng)的腳本特性為navIndex。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0-11.0 | 2.0-40.0 | 4.0-45.0 | 6.0-8.0 | 15.0-29.0 | 6.0-8.3 | 2.1-4.4.4 | 18.0-42.0 |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>nav-index_CSS參考手冊(cè)_web前端開發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> html,body{margin:0;} button{position:absolute;} button#b1{ top:0;left:50%; nav-index:1; nav-right:#b2;nav-left:#b4; nav-down:#b2;nav-up:#b4; } button#b2{ top:50%;right:0; nav-index:2; nav-right:#b3;nav-left:#b1; nav-down:#b3;nav-up:#b1; } button#b3{ left:50%;bottom:0; nav-index:3; nav-right:#b4;nav-left:#b2; nav-down:#b4;nav-up:#b2; } button#b4{ top:50%;left:0; nav-index:4; nav-right:#b1;nav-left:#b3; nav-down:#b1;nav-up:#b3; } </style> </head> <body> <div class="test"> <button id="b1">button1</button> <button id="b2">button2</button> <button id="b3">button3</button> <button id="b4">button4</button> </div> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例