nav-left ： auto | <id> [ current | root | <target-name> ]? | inherit
CSS3在线中文参考指南 - nav-left » 张鑫旭-鑫空间-鑫生活
it's my whole life!
哎呀，出了点小问题，您可以稍后重试！
未填写内容或格式不正确！
nav-left ： auto | <id> [ current | root | <target-name> ]? | inherit
输入设备默认四个方向键按html文档顺序顺序来控制元素的焦点切换，但为了更好的用户体验，User agents提供了自定义切换焦点的控制顺序方向。
| 类型 |  Internet Explorer |
 Firefox |
 Chrome |
 Opera |
 Safari |
|---|---|---|---|---|---|
| 版本 | (√)IE6 | (×)Firefox 2.0 | (√)Chrome 1.0.x | (√)Opera 9.63 | (√)Safari 3.1 |
| (√)IE7 | (√)Firefox 3.0 | (√)Chrome 2.0.x | (√)Safari 4Public beta | ||
| (√)IE8 | (√)Firefox 3.5 | ||||
button#nav1{
nav-index:1; nav-right:#nav2; nav-left:#nav4; nav-down:#nav2; nav-up:#nav4;
}
button#nav2 {
nav-index:2; nav-right:#nav3; nav-left:#nav1; nav-down:#nav3; nav-up:#nav1;
}
button#nav3 {
nav-index:3; nav-right:#nav4; nav-left:#nav2; nav-down:#nav4; nav-up:#nav2;
}
button#nav4 {
nav-index:4; nav-right:#nav1; nav-left:#nav3; nav-down:#nav1; nav-up:#nav3;
}
<button id="nav1">按钮1</button><br /><br />
<button id="nav2">按钮2</button><br /><br />
<button id="nav3">按钮3</button><br /><br />
<button id="nav4">按钮4</button>
