Question

当我将背景图像的可见性设置为隐藏时，表格内的边框消失。我如何保持内部边界？我在网站加载了js和jquery

时添加了图片

这是我的一些html和css：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<table border="1px" id="container" >
  <tr>
    <td class="a"></td>
    <td class="a"></td>
    <td class="a"></td>
    <td class="a"></td>
  </tr>
  <tr>
    <td class="a"></td>
    <td class="a"></td>
    <td class="a"></td>
    <td class="a"></td>
  </tr>
  <tr>
    <td class="a"></td>
    <td class="a"></td>
    <td class="a"></td>
    <td class="a"></td>
  </tr>
  <tr>
    <td class="a"></td>
    <td class="a"></td>
    <td class="a"></td>
    <td class="a"></td>
  </tr>

 </table>
 </body>
 </html>

 .a{
 height:200px;
 width:200px;
  }

 .pic{
 background-image:url(pic.jpg);
 background-size:195px 195px;
 background-repeat:no-repeat;
 visibiility:hidden;
 }

Answer 1

如果您只是将.pic类添加到td元素，则应设置background: Transparent而不是设置visibility: hidden。

隐藏背景图片时，表格中没有边框

1 个答案: