html - CSS3 : Why is this transition not working, 我该如何修复它?

标签 html css css-transitions transition

所以,基本上,我正在为我的一个小元素制作导航,但它不起作用。

Link to broken code

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

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

如果有人能看一下,我将不胜感激。 :)

最佳答案

CSS 过渡应用于 <tr>标签,不是 <td>

关于html - CSS3 : Why is this transition not working, 我该如何修复它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15461843/

相关文章:

jquery - 仅在页面加载时禁用 CSS 转换

javascript - 如何让我的程序重新运行某行代码?

html - 如何将 HTML 页面保存为一个文件?

CSS3 过渡在移动设备上表现不同

html - 图像不(总是)显示在 Firefox 中

html - 如何在嵌套 SVG 中设置引用点?

css - 如何同时转换多个元素的属性

css - 使用 Bootstrap 4 将页脚置于所有其他内容下方

javascript - 在特定时间更改 div 的内容

javascript - Jquery,在其父限制内打开div