其实很简单,你将该图片简便区域切宽度为1像素的一小竖条就够了,然后在该表格框内定义样式:
style="height:所切背景图片高度background:url(该图的路径) repeat-x“
即可 也就是定义一个高度跟该简便图片一样高的<td>然后给它添加背景图片,然后横向平铺过去;
<style>table tr{
background-color:#FF0000
}
#aaa{filter : progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=100,finishOpacity=50)}
#bbb{filter : progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=50,finishOpacity=0)}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<div>
<tr>
<td id="aaa">111111</td>
<td id="bbb">222222</td>
</tr>
</div>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
简单的说应该没有直接的方法能实现这个功能
只能变相实现~~ 如上方法让每个TD渐变 然后只要让颜色衔接上 看起来就像
每个TR颜色渐变了~~