使用Zurb Foundation 5.5.3在数据表中设置样式，如何在标题中同时允许原始背景图像和新图像？

Question

我正在尝试在扩展宽度的Datatables标题中显示图像。样式使用Zurb Foundation 5.5.3框架。

请参阅使用Zurb Foundation 5.5.3 http://iprobesolutions.com/test2

的网站

背景图片在JS Fiddle显示得很好，所以我不知道如何在小提琴中复制这个问题。

这是背景图片的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;
}

根据Mozilla的说法：

  

使用CSS3，您可以将多个背景应用于元素。它们彼此叠加，您在顶部提供的第一个背景和背面列出的最后一个背景。只有最后一个背景可以包含背景颜色。

来源：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds

我不知道这是否是解决此问题的方法。但即使它是，因为文件https://cdn.datatables.net/1.10.13/css/dataTables.foundation.css不是由我托管，而是从他们的CDN下拉，我怎么能禁用他们的原始背景图像，从而将两个背景图像合并在一行代码中？ / p>

Answer 1

感谢我的老前端老师，以下内容得到澄清：

table.dataTable thead .sorting似乎与table.table1 thead .beyer具有大致相同的特异性。 dataTables.foundation.css已被移动到datatables.css，table.table1 thead .beyer之前加载。