当我们想要删除悬停时的边框和框阴影时如何修复闪烁

Question

问题陈述：

1. a

   div

   有灰色边框和框阴影
2. 任务是清除div悬停时的边框和阴影
3. 我们通过

   border:none

   和

   box-shadow:none

摆脱它们
4. 出现闪烁

HTML：

<div id="test"></div>

CSS：

#test{
  border:2px gray solid;
  box-shadow:0px 0px 5px 0px gray;
  width:160px;
  height:100px; background:url('http://www.w3.org/2008/site/images/logo-w3c-screen-lg')
}

#test:hover{
  box-shadow:none;
  border:none;
}

Answer 1

使用

border-color:transparent

代替

border:none

#test:hover{
  box-shadow:none;
  border-color:transparent;
}