可见性：隐藏在 IE 中不起作用答案

【问题标题】：visibility: hidden in IE not working可见性：隐藏在 IE 中不起作用
【发布时间】：2014-02-15 06:47:52
【问题描述】：

我正在将此 CSS 用于滑块上的引导轮播 prev-next 按钮：

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

虽然它适用于 Chrome 和 Firefox，但它不适用于 IE10。有解决办法吗？

编辑：测试 jsfiddle 并且它在 IE10 中工作，所以它必须是网站上的其他东西。有什么建议吗？

【问题讨论】：

我刚刚创建了一个小提琴，它在 IE9 中运行良好，你也可以在 IE10 中查看吗？ jsfiddle.net/surjithctly/2XQEL
@Surjith SM 可以，是的，我也添加了自己的。
您应该通过删除一些其他样式来调试它。能否提供完整的演示链接？
适用于 IE10，我认为其他样式禁用此功能，请尝试添加 !important 以确保这一点。在您可以搜索其他使其禁用的 css 之后（不要忘记在您的最终 css 中删除 !important）
@kevpoccs 添加 !important 并不能使其在 IE 上工作

【解决方案1】：

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

另一种可能是：

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

你会做一个 jsfiddle 吗？

【讨论】：