1 
<html xmlns="http://www.w3c.org/1999/xhtml">
<head>
<title>Opera test - css inheritance</title>
<style type="text/css">
/* theirs */
.theirs {
    background: #FF0000 url("http://www.wonderbackgrounds.com/glitter/backgrounds/glitter_background_b7.gif") repeat 0% 0%;
}
/* mine */
.mine {
    background-image: none;
    background: #FFC0C0;
}
</style>
</head>
<body>
<table border="1">
  <thead class="theirs">
    <tr class="theirs mine">
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot class="">
    <tr class="theirs mine">
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody class="theirs">
    <tr class="theirs mine">
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr class="theirs mine">
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>
</body>

</html>

TR の背景色を上書きしようとしましたが、コードは Chrome では期待どおりに機能しましたが、ターゲット ブラウザである Opera では機能しませんでした。

問題は、css が背景画像を取り除くために「私の」クラスにコードを記述する方法です。Chrome では動作し、全体にピンク色のセルが表示されますが、Opera では背景画像が表示されます。

他の CSS を変更できません。URL をクリアしたいのですが、tbody に同じクラスが含まれている場合、opera はクリアしたくありません。クラスを tfoot から取り出して、その場合に機能することを示しましたが、クラスが の周囲のタグで定義されている場合は機能しません。

4

1 に答える 1