0

私は画像を拡張幅Datatablesヘッダーに表示しようとしています。スタイリングは、Zurb Foundation 5.5.3フレームワークを使用しています。誰もこのCSSがこの下の画像に表示されない理由を教えてもらえますか? (背景画像は、私は1つによって要素1を除去しようとしているが、ただ理解することはできませんされてきたこのJS FiddleZurb Foundation 5.5.3では、なぜDatatablesヘッダに背景画像CSSが表示されますか?

に細かい表示Zurb財団5.5.3

を使用しているサイトhttp://iprobesolutions.com/test2CSSへのリンクをご確認ください。 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」は、すでにスペースを取っていますヘッダーに挿入し、プレースホールドを防止します。イメージが表示されます。前者のチェックを外すと、後者が正しく表示され始めます。per below red arrows in image

+0

あなた自身の答えも受け入れることができます。私はそうすることをお勧めします。 :) – scoopzilla

関連する問題