【问题标题】:Hover on dotted border not covering the whole border悬停在虚线边框上不覆盖整个边框
【发布时间】:2013-11-08 21:32:34
【问题描述】:

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

查看网站了解更多详情: Website

【问题讨论】:

  • 你用的是什么浏览器?它在 chrome 中运行良好。
  • 呃……什么?您需要将问题缩小到该页面的特定部分,或者更好的是,发布 JSFiddle 来展示您的问题
  • 这个问题在firefox中是可见的,就像在正常状态下边框比悬停它长...
  • 对不起各位。这个问题只发生在 Firefox 中,是的。将鼠标悬停在任何投资组合项目上时。

标签: css hover border


【解决方案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

【讨论】:

  • 我测试了这个示例,它在 Chrome 中运行良好,但在 Firefox 中,第一个点的一半仍然是黑色,而其余部分变为红色。
  • 它看起来像是 Firefox 中的一个错误,当你放大点时会更明显codepen.io/anon/pen/otGau
猜你喜欢
  • 1970-01-01
  • 2015-02-18
  • 2012-10-08
  • 2022-01-14
  • 2021-08-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多