gpt4 book ai didi

javascript - 如何跳过对隐藏元素组的关注?

转载 作者:行者123 更新时间:2023-11-28 14:03:06 26 4
gpt4 key购买 nike

<分区>

使用 display: none; 隐藏的元素或元素组会出于可访问性原因从键盘焦点(tab 键)中跳过。当元素变为可见时,它又可以访问了,这很棒。

目前我正在使用 opacityright 位置来创建 CSS 过渡。这些样式不会使元素从键盘焦点中跳过,这是我想要实现的。

如果可能,我想避免将 tabindex="-1" 添加到每个内部元素。

.element {
background-color: black;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 100%;
top: 0;
transition: all 0.3s;
&.is-visible {
opacity: 1;
right: 100px;
}
}

我想要一种方法来隐藏/显示带有过渡的元素,同时保持它从键盘焦点处跳过直到它被隐藏。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com