css的背景图片可以覆盖吗，比如一个棋盘上的圆形棋子图片覆盖在棋盘上边缘棋盘是可见的

html-css021

css的背景图片可以覆盖吗，比如一个棋盘上的圆形棋子图片覆盖在棋盘上边缘棋盘是可见的,第1张

背景图片不能覆盖，但是可有用别的方法达到这个目的：

每一个DIV都可以设置一个背景图片，这样，将DIV一层包含一层，设置同样的宽高度，这样就可以设置背景，给人一种覆盖背景的感觉。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

  <style>

    table{

      border-collapse:collapse

    }

    tr{

      width: 150px

      height: 50px

    }

    td{

      width:50px

    }

    tr:nth-child(odd) td:nth-child(odd){

      background: #000

    }

    tr:nth-child(even) td:nth-child(even){

      background: #000

    }

  </style>

</head>

<body>

<table border="1">

      <tr>

        <td></td>

        <td></td>

        <td></td>

      </tr>

  <tr>

    <td></td>

    <td></td>

    <td></td>

  </tr>

  <tr>

    <td></td>

    <td></td>

    <td></td>

  </tr>

</table>

</body>

</html>