我在Firefox中看不到Chrome上的某些图像-CSS

Question

我有完全相同的代码，但是在Firefox上，我可以看到我在页面中间顶部设置的两个图像，但是我们在Chrome上看不到它们，也许是因为我使用的是z-index ，真的不知道

这里是plunker代码.. 代码

Mozilla：

镀铬

再次感谢！

Answer 1

代替

<label class="img_vis ch_excel" for="ch_excel"></label>

在其中添加一个或多个单词以实现可访问性，而且，这也会为浏览器之间的使用留出空白，是的，它们可能是这样的：

<label class="img_vis ch_excel" for="ch_excel">click me if you wanna buy a burger</label>

可视地隐藏文本，但不隐藏屏幕阅读器：

label.img_vis
{
   position:absolute;
   width:1px;
   height:1px;
   overflow:hidden;
}

如果您将这个CSS放到那里（灰色？）：

.ch_excel {
   border:2px solid red;
   background-color:red;
 }