在 Zurb Foundation 5.5.3 中,为什么背景图像 CSS 在数据表 header 中被划掉了?

In Zurb Foundation 5.5.3 why is the background image CSS crossed out in the Datatables header?

我正在尝试在扩展宽度的数据表中显示图像 header。样式使用 Zurb Foundation 5.5.3 框架。谁能说出为什么 CSS 在下图中被划掉了? (请检查 link 到使用 Zurb Foundation 5.5.3

的站点 http://iprobesolutions.com/test2

背景图片在此 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;
}

图片“https://cdn.datatables.net/1.10.13/images/sort_both.png" are already taking up space in the header and preventing the placehold.it images to show. When you uncheck the former, the latter starts to properly show