html – 可见性:隐藏在IE中无法正常工作

我正在使用这个CSS作为滑块上的bootstrap carousel prev-next按钮:

.carousel .carousel-control{
   visibility: hidden;
  }
  .carousel:hover .carousel-control{
   visibility: visible;
  }

虽然它适用于Chrome和Firefox,但它不适用于IE10.有没有可用的解决方法?

编辑:测试jsfiddle,它在IE10中工作,所以它必须是网站上的其他东西.有什么建议?

最佳答案 我认为你的css中的其他东西会使这个禁用,因为可见性与IE10
source兼容它需要IE4

另一种选择可能是:

.carousel .carousel-control{
  opacity: 0;
}
.carousel:hover .carousel-control{
  opacity: 1;
}

你能做一个jsfiddle吗?

点赞