Question

我需要将背景图像应用于我的表格行和单元格。这可能通过CSS，Javascript或jQuery吗？

<table>
<tr style="background:url(/images/expand_shadow-top.png) repeat-x top;">
    <td style="background:url(/images/expand_shadow-btm.png) repeat-x bottom;"></td>
</tr>
</table>

如果不可能，我可以试试其他方法。这将是理想的，但它似乎不起作用。

Answer 1

是的，这是可能的。但是您的表格单元格不包含任何内容，您也没有指定它的大小，因此不显示任何内容。

Answer 2

可以使用CSS，Javascript 和 jQuery。您只需要在单元格中添加一些内容，即行不间断空格（ ）。你应用样式的方式还可以（虽然我建议停止使用内联样式 - 也许可以将它们移到HTML文档的<head>部分）。

Answer 3

是的，所有这三个都可以，这里是css和jquery：

<style type="text/css">

#mytable tr{background:url(/images/expand_shadow-top.png) repeat-x top;}
#mytable td{background:background:url(/images/expand_shadow-btm.png) repeat-x bottom;}

</style>
<table id="mytable">
<tr>
    <td>something&nbsp;here</td>
</tr>
</table>
<script type="text/javascript">

$('#mytable tr').css("background","url(/images/expand_shadow-top.png) repeat-x top"); 
$('#mytable td').css("background","background:background:url(/images/expand_shadow-btm.png) repeat-x bottom"); 

</script>

将背景图像添加到单元格和单元格所在的行

3 个答案: