我构建了一个滑块，将其状态存储在浏览器的sessionStorage中，并利用背景图像上的-webkit图像集根据像素密度在不同分辨率的图像之间切换。我对它进行了测试，并确保它能正常工作，并优雅地降级回IE 9，但当我在客户网站上实现它时，突然间，动画渐变不再起作用。肯定有一些冲突的CSS在某处，但我似乎找不到它。
这里实现了一个工作版本：
http://codepen.io/webconsult/pen/CEtIK?editors=110
我在实现它时遇到的问题就在这里：
http://concept.rille.dk
我应用以下规则将转换添加到元素
.bg-slider > * {
[...]
-webkit-transition: all 3s;
transition: all 3s;
[...]
}
请注意，我使用"all"作为转换属性是为了进行调试。在代码笔中，我可以看到它是如何影响元素的高度的，这导致每当我使浏览器视口更高时，调整背景大小的动画延迟（我使用js将元素强制设置为浏览器的高度），但在实时网站上，这并没有发生，因为它指向了某种程度上没有强制执行的过渡属性。但当我检查开发工具时，看看它是否被覆盖，它不是。
您使用的是"active"one_answers"hidden"，可能是hidden与Bootstrap的同名类不兼容。你可以通过移除Bootstrap来测试这一点，并享受你最出色的bg滑块工作得很好。
解决方案：
http://jsbin.com/danezu/1/edit
将类从.hidden和.active更改为其他类，即可正常工作