CSS“显示：无”属性不能正常工作

问题描述：

我入行由PHP一个foreach环之间插入一个表（使用SQL数据库CSS“显示：无”属性不能正常工作

这是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; ?>

我想隐藏在#tradeForm的textarea和button，只显示它当用户将鼠标悬停在接管td标识与标识proposalDiv。

所以我这样做在CSS：

/* 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和button避免只有第一行的CSS。

另一个说明：网站是纯HTML和CSS，没有脚本。它应该保持这种方式，所以请不要发布任何脚本建议。 –

[Validate]（https://html5.validator.nu/）您生成的HTML。修复列出的问题，您将解决您的问题。 – Alohci

@Alohci我试过你的解决方案，并删除所有HTML相关的错误，仍然存在问题。 –

答

解决案例 我停止使用CSS来简化表格。

而且它仍然可以正常使用所有HTML和PHP错误，如评论中所述。谢谢大家的时间。

CSS“显示：无”属性不能正常工作

相关推荐