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

2019年8月4日 177次阅读

我正在使用这个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吗？

点赞