滑块革命与引导冲突

Question

我试图在Twitter的Bootstrap框架中使用Slider革命，几乎所有事情都很好。但是在IE9上，滑块不能正确显示；背景没有显示。我发现Boostrap有一个img最大宽度，这是与滑翔机革命冲突的。

以下是冲突守则：

  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; 
}