Html 将css转换应用于ID？

我试图在显示之间进行平滑转换：无；属性，然后是相同的属性，但显示我想我几乎想让它褪色？没有使用JS

我写了这样一篇文章，它在不悬停在图像上时隐藏了所有标题：

#title-0
{
display:none;
-o-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;
transition:all 0.5s linear;
}

我写了这篇文章，上面显示了悬停时的标题：

#portfolio-0:hover > #title-0 {display:block;}

但悬停时的效果只是静态和瞬间的

---

我感谢所有的帮助，谢谢

您无法转换显示属性，如果我正确理解您试图实现的目标，则可以使用不透明度进行转换：

#title-0
{
opacity: 0;
-o-transition:opacity 0.5s linear;
-ms-transition:opacity 0.5s linear;
-moz-transition:opacity 0.5s linear;
-webkit-transition:opacity 0.5s linear;
transition:opacity 0.5s linear;
}

#portfolio-0:hover > #title-0 {display:block;}

---

不能对“显示”属性进行转换。您可以将

#title-0

的不透明度改为

0

：

#title-0
{
    -o-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    transition:all 0.5s linear;
    opacity: 0;
}

然后在

#portfolio-0

悬停时将不透明度恢复为

1

：

#portfolio-0:hover > #title-0 {opacity: 1}

---

这里是使用不透明度的工作示例。还添加了高度过渡（如果需要）：

---

无法转换显示属性，请尝试从不透明度转换：0；不透明度：1

display

属性不是过渡属性

opacity

保留空格是的。如果这是一个问题，您必须定位元素或转换高度

#title-0 {
    height: 0;
    opacity: 0;
    -o-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    transition:all 0.5s linear;
    overflow: hidden;
}
#portfolio-0:hover > #title-0 {
    height: 20px;
    opacity: 1;
}