如何在CSS中禁用定向焦点导航

时间:2013-07-15 10:31:59

标签: html css html5 css3

在下面的示例中,我想禁用

定向焦点导航:'nav-up','nav-right','nav-down','nav-left'属性

用于HTML页面中的任何元素。

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%; left:100%;
    nav-index:2;
    nav-right:#b3; nav-left:#b1;
    nav-down:#b3; nav-up:#b1;
}

button#b3 {
    top:100%; left:50%;
    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;
}

示例来自 http://www.w3.org/TR/css3-ui/#nav-dir

知道该怎么做吗?

1 个答案:

答案 0 :(得分:0)

你应该试试

* {
   nav-right: #non-existing-id; 
   nav-left: #non-existing-id;
   nav-down: #non-existing-id;
   nav-up: #non-existing-id;
}

星号以每个css对象为目标,并且定位不存在的ID会使您的导航键无法移动到任何位置。