CSS3：为啥这个过渡不起作用，我该如何解决？

Posted 2023-03-06

【中文标题】CSS3：为啥这个过渡不起作用，我该如何解决？

【英文标题】：CSS3: Why is this transition not working, and how can I fix it?CSS3：为什么这个过渡不起作用，我该如何解决？

【发布时间】：2013-03-05 21:43:27

【问题描述】：

所以，基本上，我正在为我的一个小项目制作导航，但它不起作用。

Link to broken code

我只将代码放在“代码”链接上，所以请忽略其他代码。

问题是：当您将鼠标悬停在代码链接上时，会出现“Test :3”文本。代码链接和“Test :3”都在一个表中，每个都有自己的 TD。当您将鼠标悬停在表所在的父元素上时，我使用 javascript 将“Test :3”TD 更改为正确的类。所有这些工作都非常好，只是我想要“Test 的宽度： 3" TD有一个过渡。我试图添加它，但它不起作用。

如果有人可以看一下，我将不胜感激。 :)

【问题讨论】：

最好在这里提供您的代码

你在不同的浏览器上试过了吗？

您甚至没有为它指定动画的宽度。你认为它会凭空抽出一些吗？

另外，您不应该在这种情况下使用表格。它在语义上是不正确的。

为什么要把它们放在一张桌子上？如果我理解正确，您希望 test:3 “滑入”？

【参考方案1】：

CSS 过渡应该用于<tr> 标签，而不是<td>

【讨论】：

我试试看。感谢您的回答！