在Zurb Foundation 5.5.3中，为什么在Datatables标题中划掉了背景图像CSS？

Question

我正在尝试在扩展宽度的Datatables标题中显示图像。样式使用Zurb Foundation 5.5.3框架。任何人都可以告诉为什么这个CSS在下面的图像中划掉了？ （请查看使用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;
}