我使用react和react-modal在网站上创建覆盖图。此叠加层包含各种元素以及一个表单（下面的概述）。我希望能够使用TAB键引导用户完成表单。我tabindex=0将必需的元素分配为可出现的顺序。
我的问题是：它不能在Chrome（版本61.0.3163.100）中工作，而可以在Firefox中工作。我读到，如果DOM树上的任何元素不可见或高度/宽度为0，就会发生这种情况。我进行了一些样式更改以解决此问题，但没有任何效果。
<div class="ReactModalPortal">
<div data-reactroot="" class="ReactModal__Overlay" style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;">
<div class="ReactModal__Content" tabindex="-1" aria-label="Questionnaire" style="position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background: transparent none repeat scroll 0% 0%; overflow: auto;">
<!-- Some other stuff and nested elements -->
<div id="...">
<form>
<input tabindex="0">
<button tabindex="0">
</form>
</div>
</div>
</div>
如您所见，父元素之一具有tabindex="-1"。通过Chrome中的inspect函数或使用JS编程更改它时，问题仍然存在（或者如果元素最初是使用此索引呈现的，这是否有所不同？）。
更新资料
我意识到是其他原因导致了问题。我在initial: all模态的根节点上使用CSS属性，以将内部CSS与外界隔离。由于某种原因，这使tabindex无法正常工作。如果您能帮助我理解，我将为您提供赏金。我的解决方法是不使用all: initial（无论如何它都不兼容IE，但是我也没有真正好的替代方法）。
我正在训练一个 CNN。我使用谷歌预训练的inceptionV3，并替换了最后一层进行分类。在训练过程中，我遇到了很多问题，我的交叉熵损失变成了nan。尝试不同的事情（降低学习率、检查数据等）后，结果证明训练批量太高了。
将训练批次大小从 100 减少到 60 解决了这个问题。您能否解释为什么批次大小太高会导致交叉熵损失函数出现此问题？还有没有办法克服这个问题来处理更高的批量大小（有一篇论文建议批量大小为 200 多个图像以获得更好的准确性）？