<p>
元素中的文字正文有一个嵌套的<a>
元素,内容为&#39; + MORE &#39;。单击<a>
元素将展开以显示之前隐藏的更多文本(简单的css和js)。
使用Apple的VoiceOver标记链接,当我选中每个链接时,活动元素周围会出现一个粗黑色边框。当我到达&#39; + MORE &#39;上面提到的链接,然后点击返回&#39;为了扩展隐藏文本,然后通过css过渡显示文本。但是在这个过程中,黑色边框焦点的链接在视觉上被向下推入体内,问题是黑色边框不会保持在链接上方。当链接被推下而显示更多文本时,黑色边框保持静止。
任何有关如何让黑色边框在结束其过渡/动画后仍然专注于同一元素的建议将非常感激。
答案 0 :(得分:0)
我认为没有办法直接从javascript控制黑色边框。你能发布一些示例代码吗?也许有一种方法可以重新设计CSS以使其正确排列。
但是,请考虑一下,如果您的用户使用VoiceOver,视觉故障可能会被忽视...... :)