在附加的代碼段中，當您將滑鼠懸停在 parent 上時div，將顯示 child div。正如預期的那樣，如果您洗掉游標，它就會消失。
是否有可能以某種方式將這種消失延遲 1 秒？
ul {
background: red;
width: 100px;
}
div {
display: none;
}
ul:hover div {
display: block;
}<ul>
<li>Hover me</li>
<div>
Show on hover
</div>
</ul>uj5u.com熱心網友回復：
您可以在沒有 CSS 影片的情況下設定過渡速度和延遲。該transition-delay效果不適用于display懸停時的屬性。使用opacity: 0;→opacity: 1;或visibility: hidden;→visibility: visible;查看我對您的 CSS 所做的更改時效果最佳。
ul {
width: 100px;
list-style-type: none;
}
li {
background: red;
}
div {
opacity: 0;
transition: all .4s ease 3s;
}
ul:hover > div {
background: red;
opacity: 1;
transition: .4s;
}<ul>
<li>Hover me</li>
<div>
Show on hover
</div>
</ul>編輯：洗掉了躍遷延遲，并添加過渡到同時ul與div具有0的起點不透明度您可以通過添加延遲滑鼠，出來的效果ease 3s還是不過多久，你想要的div來延遲恢復到opacity: 0;把你的滑鼠時關閉。
uj5u.com熱心網友回復：
您可以使用transition:all .2s ease 2s;屬性來延遲消失。
ul {
width: 100px;
list-style-type: none;
}
li {
background: red;
}
div {
opacity: 0;
transition: all .2s ease 2s;
}
ul:hover > div {
background: red;
opacity: 1;
transition: .4s;
}<ul>
<li>Hover me</li>
<div>
Show on hover
</div>
</ul>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/380008.html
上一篇：相對于視口定位嵌套的div