![](/img/trans.png)
[英]Mixing calc() and linear-gradient in multiple background not working in ie9
[英]How to apply a linear-gradient background to a table row in IE9?
我想將線性漸變背景應用於表格行。
這是.css:
<style type="text/css">
.contentBody{
background-image: -webkit-linear-gradient(left, #95b83d 0%, #abca5e 100%);
background-image: -o-linear-gradient(left, #95b83d 0%, #abca5e 100%);
background-image: linear-gradient(to right, #95b83d 0%, #abca5e 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#ff95b83d', endColorstr='#ffabca5e', GradientType=1);
}
...
</style>
這是 .html:
<table>
<tr class="contentBody"> Heading</tr>
<td></td>
</tr>
</table>
我在這里做錯了什么? 為什么不顯示漸變?
好吧,“標題”文本必須像這樣用td
包裹:
<table>
<tr class="contentBody"><td>Heading</td></tr>
<td></td>
</tr>
</table>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.