CSS＆＃34;显示：无＆＃34;财产不能正常运作

Question

我有一个表，通过PHP的foreach循环插入行（使用SQL数据库。

这是显示数据库

的foreach循环的代码

<?php if($library1['bookPrice'] === '0' || $library1['bookPrice'] === '' ):?>
    <td id="proposalDiv" >
        <p>Trade!</p>
        <form id="tradeForm" method="post">
            <textarea
              name="<?php echo htmlspecialchars($count3)?>"
              id="<?php echo htmlspecialchars($count3)?>"
              class="proposalBox" cols="45" rows="1">
            </textarea>
            <br>
            <button
              type="submit"
              name="proposalButton"
              value='<?php echo htmlspecialchars($count3)?>'>
                Submit
            </button>
        </form>
    </td>
<?php endif; ?>

我想隐藏textarea中的button和#tradeForm，并且只有当用户将鼠标悬停在ID为td的{​​{1}}标记上时才会显示。

所以我在CSS中做到了这一点：

proposalDiv

/* library */ #tradeForm { height: 0; overflow: hidden; } #libraryContent td:hover form { height: auto; overflow: visible; } 是前面代码中未显示的包装器，因为它不是必需的。

而且：

libraryContent

这两种风格都有效，但表格的第一行却没有消失。

就像隐藏#tradeForm { display: none; } #libraryContent td:hover form { display: block; } 和textarea只能避开第一行的CSS一样。

Answer 1

解决案例 我停止使用CSS简单表。

它仍然适用于评论中提到的所有HTML和PHP错误。谢谢大家的时间。