Twitter bootstrap Rails Boostrap table条纹罐'；t向条带行添加其他背景

我希望有一个已经由twitter引导提供的条带化表，然后只在某些行中添加一个背景图像。图像将在整行重复。问题是背景图像不会显示在条带行中。然后，我将图像添加到该行每个td内的一个div中。这几乎是完美的，因为图像很小，所以您仍然可以看到条纹行中的阴影，因此仍然可以判断该行是条纹行。这种方法的问题是，图像会在单元末尾被切断，然后在下一个单元中重新启动，因此看起来非常不稳定。如果你想知道图像是什么，那只是我设计的一个箭头（尽管图像将来可能会改变）。因此，我试图让一支箭反复穿过整排

有没有一种方法可以同时使用条带化表和将背景图像添加到行中？如果没有，是否有一种简单的方法可以手动创建条带表格？

这是我尝试过并对图像有效的方法，但我只能使用

表格

，而不是

表格条带

，因此丢失了交替条带行：

<table class="table">
    <% @sessions.each do |session| %>
        <% if session.status == 0 %>
           <% classname = "active"  %>
        <% else %>
           <% classname = "noactive" %>
        <% end %>

        <tr class= <%= classname %> >
            <td><%= link_to session.name, "session_path"%></td>
            <td><%= link_to session.user, edit_user_path(session.user)%></td>
            <td><%= link_to "Details", details_path, :class => "btn btn-mini" %></td>
        </tr>
    <% end %>
</table>

---

这是因为引导表条带化规则--

.table striped tbody tr:nth child（odd）td

--比您的

.active

规则更具体。你可以：

< L> > <代码> >活动< /代码>规则更具体（也考虑将其应用到<代码> TD/<代码>中，因为我似乎记得比“代码< Tr> <代码> >更经常地工作，
• 从表中删除

  .table striped

  并添加自己的条带规则，或
• 添加

  ！重要信息

  如果您想对此采取强硬态度

例如，网上有很多关于这方面的资源

至于手工条纹，是的，很容易。这是整个引导

。表条带化
定义：

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

-我不知道你把主动规则说得更具体是什么意思。我确实在td级别添加了add，如第二个代码所示，但箭头会在单元格边缘被截断，看起来非常不稳定-我不知道如何添加我自己的条带规则，因为您复制/粘贴的.table striped的条带规则位于整个tbody表上-最后我向上看了看！很重要，但不明白它是如何应用于此的。你是不是建议在行中我需要背景图像，我用图像覆盖条带？如果是这样的话，那对我来说是行不通的，因为我正试图把两者都放在一排。谢谢。你有没有研究CSS的特殊性，例如，通过阅读我的回复中链接的文章？
.active {
  background-image:url(/assets/my_arrow.gif);
  background-repeat: repeat-x, no-repeat;
  background-position: center;
}
.noactive {}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}