css - 悬停在虚线边框上不覆盖整个边框

Question

我有一个白色边框，在悬停时应该变成红色（确实如此），但红色部分由于某种原因没有覆盖完整的白色虚线。有人可以指导我正确的方向吗？

查看网站了解更多详情： 网站

Answer 1

尝试在 .post-item 上使用悬停状态

.post-item:hover .item-footer {border-top:3px dotted red;}
.post-item:hover .overlay {opacity:0.5;}

并使用 css-transitions 为更改设置动画

这是一个例子

http://codepen.io/anon/pen/gKqrh