可见性：隐藏在IE中无法正常工作

Question

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

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

虽然它适用于Chrome和Firefox，但它不适用于IE10。有没有可用的解决方法？

编辑：经过测试jsfiddle并且它在IE10中有效，所以它必须是网站上的其他内容。有什么建议吗？

Answer 1

我认为你的css中的其他内容会导致此禁用，因为visibility与IE10兼容source它需要IE4 +

另一种选择可能是：

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

你能做一个jsfiddle吗？