Question

我使用来自此site的响应表并选择了多个选择。

这是稍微修改过的rwd-table css文件。但没什么，我只是改变了布局颜色。

button1.pack(side=RIGHT, padx=some_value, pady=some_value)

唯一不起作用的是桌子背后的选择掉落。我一直试图改变z-index但不能正常工作。

我把代码放在jsfiddle here

如果有人能帮助我，我会非常感激。感谢。

Answer 1

您已按相同选项拆分CSS，如下所示：

.rwd-table {
  margin: 1em 0;
  min-width: 300px;
  width:auto;
  border: 1px solid #ddd;
}
.rwd-table tr {
  border: 1px solid #ddd;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}

并且

.rwd-table {
  color: #545454;
  border-radius: .4em;
  overflow: hidden; // <<<<<<<<<< overflow causing the problem
}
.rwd-table tr {
  border-color: #dddddd;
}
.rwd-table th, .rwd-table td {
  margin: .5em 1em;
}

在第二位代码中，您将表格溢出设置为隐藏，这就是为什么您选择被隐藏的原因。

最好将相同选择器的CSS组合在一个地方，以防止出现歧义。

这是一个有效的fiddle

响应表与选择：选择下降在桌子后面切断

1 个答案: