I want to add a gradient of background color from left to right for each row of (tr) in the table.
appears normally in Google browser, as shown in the following figure
Safari(td),
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
tr{
background-color: -sharp1FA9F4; /* Old browsers */
background-image: -moz-linear-gradient(right, red 0%, green 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left right, left right, color-stop(0%, red), color-stop(100%,green)); /*Chrome,Safari4+*/
background-image: -o-linear-gradient(right, red 0%, green 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(right, red 0%, green 100%); /* IE10+ */
background-image: linear-gradient(to right, red 0%, green 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="red", endColorstr="green",GradientType=0 ); /* IE6-8 */
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td>11</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>22</td>
<td>222</td>
<td>222</td>
</tr>
</tbody>
</table>
</body>
</html>