元素行为不正确后答案

【问题标题】：After element not behaving correctly元素行为不正确后
【发布时间】：2014-11-21 08:39:26
【问题描述】：

由于某种原因，我的一段代码似乎无法正常工作。我只有 after 元素有问题。将鼠标悬停在标题上时，应从左上角和右下角画两条线。如您所见，它们都从左上角开始，但从右上角离开。

问题是代码看起来是正确的，但仍然无法正常工作

注意悬停时前后元素之间的差异。当它们没有悬停时，它们位于它们的线将离开块的位置。当它们悬停时，它们位于对面。

h1:before{
    bottom: 0;
    right: 0;
}

h1:hover:before{
    top: 0;
    left: 0;
}

h1:after{
    top: 0;
    left: 0;
}

h1:hover:after{
    bottom: 0;   /*not working*/
    right: 0;    /*not working*/
}

【问题讨论】：

标签： html css pseudo-element

【解决方案1】：

要从左：0 到右：0 还需要在悬停时添加左：自动，否则元素将左和右 0

【讨论】：

非常感谢！我完全忘记了它是一个绝对定位的元素。现在一切都说得通了