0

Я пытаюсь показать изображения в расширенном заголовке Datatables. Стиль использует рамку Zurb Foundation 5.5.3. Может ли кто-нибудь сказать, почему этот CSS вычеркнут в этом изображении ниже? (Пожалуйста, проверьте ссылку на сайт http://iprobesolutions.com/test2CSS который использует Zurb Foundation 5.5.3В Zurb Foundation 5.5.3 почему CSS-код фонового изображения вычеркнут в заголовке Datatables?

Фоновые изображения отображаются нормально в этом 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; 
} 
+0

перечеркнутый означает переопределенный. то есть есть правило где-то в вашем CSS, который имеет приоритет. – scoopzilla

+0

Спасибо, что я прочитал об этом, но я не могу найти в своем коде, что вызывает проблему. –

+0

Найдите все свои коды для этих правил и посмотрите, где они дублируются. – scoopzilla

ответ

1

изображение «https://cdn.datatables.net/1.10.13/images/sort_both.png» уже занимает пространство в заголовке и предотвращать отображение placehold.it. Когда вы снимите флажок с первого, последний начинает правильно показывать per below red arrows in image

+0

Вы также можете принять свой собственный ответ. Я бы рекомендовал это сделать. :) – scoopzilla

Смежные вопросы