?
This document uses PHP Chinese website manual Release
nav-up:auto | <id> [ current | root | <target-name> ]?
默認(rèn)值:auto
適用于:所有 enabled 的元素
繼承性:無
動畫性:否
計算值:指定值
相關(guān)屬性: <' nav-index '> || <' nav-right '> || <' nav-down '> || <' nav-left '>
auto:默認(rèn)順序。
<id>:被導(dǎo)航元素的id。
<target-name>:框架目標(biāo)頁面之間的元素焦點導(dǎo)航。
只有支持nav-index屬性的元素才能參與導(dǎo)航排序。
被禁用的元素將不參與導(dǎo)航排序。
該屬性有被w3c標(biāo)準(zhǔn)移除的風(fēng)險。
對應(yīng)的腳本特性為navUp。
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參考手冊_web前端開發(fā)參考手冊系列</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>
點擊 "運行實例" 按鈕查看在線實例