css - 在 Zurb Foundation 5.5.3 中，为什么数据表标题中的背景图像 CSS 被划掉了？

Question

我试图让图像显示在扩展宽度的数据表标题中。样式使用 Zurb Foundation 5.5.3 框架。谁能说出为什么这个 CSS 在下图中被划掉了？ (请检查站点链接 http://iprobesolutions.com/test2 ，它使用 Zurb Foundation 5.5.3

背景图像在此 JS Fiddle 中显示良好

我一直在尝试一个一个地剥离元素，但就是无法弄清楚 CSS 出了什么问题。

这是背景图片的 CSS 示例:

table.table1 thead .beyer, 
#example table.dataTable thead .sorting_asc .beyer  {
background-image: url("https://placehold.it/264x140.jpg") no-repeat center        `center;
 height:264px;
 width:140px;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center top;
 height: 10rem;
 background-size: contain;
}

Answer 1

图像“https://cdn.datatables.net/1.10.13/images/sort_both.png”已经占用了页眉中的空间并阻止了 placehold.it 图像的显示。当您取消选中前者时，后者开始正确显示