html - 滑块革命与引导程序冲突

Question

我正在尝试将 Slider Revolution 与 Twitter 的 Bootstrap 框架一起使用，并且几乎一切正常。但在 IE9 上，滑块无法正确显示；背景不显示。我发现 Boostrap 的 img max-width 与 Slider Revolution 冲突。

这是冲突代码：

  img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;

}

Answer 1

这max-width: 100%是导致问题的属性。

您需要为革命容器div 添加特定的 css 规则。

HTML

<div id="rs-container">
   <revolution slider>
</div>

模板 CSS

#rs-container img {
   max-width:none; 
}