滑块革命与引导程序冲突

Question

我试图在Twitter的Bootstrap框架中使用Slider Revolution，几乎一切正常。 但在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; 
}