前提・実現したいこと
background-image: linear-gradient
を使ってthead
要素にグラデーションをつけた表示をIE11で実現したい。
発生している問題・エラーメッセージ
下記ソースをIE11で見ると、thead全体にかかるはずのグラデーションが各thにそれぞれかかってしまいます。
期待する表示
ie11での表示
該当のソースコード
html
1<table class="siteList"> 2 <thead class="siteList__header"> 3 <tr> 4 <th>見出し</th> 5 <th>見出し</th> 6 <th>見出し</th> 7 </tr> 8 </thead> 9</table> 10
css
1.siteList__header { 2 background-image: linear-gradient(to right, #babdc7, #6d7996); 3} 4 5th { 6 width: 200px; 7}
どうぞよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/10 02:23