CSS不透明度转换不在双旋转元素中工作

Question

首先请原谅我的英语不好，我是法国人。我会尽力而为！我今天在这里是因为我第一次找不到问题的答案。周一我需要展示一个网站的演示，我开始恐慌！

所以，我有一个rotate (45deg)的div。在这个div中，我在内联块中有两个div其他div（带有css旋转（ -45deg ）。在左边我有一个滑块和右边的文本和快捷方式。今天我加入了滑块到左侧位置（我在joomla上工作）。它运行良好，但我有滑动过渡的问题。如果我点击“下一步”或“前一个”，全局div（主容器）变为模糊< / strong>在转换期间。我在正确的位置做了文本的截图（最好看到差异）。

小提琴例如：

http://jsfiddle.net/asakuras/8Pk3S/11/

Pics例如：

点击之前和点击之后，转换期间：

http://www.morgann-c.com/tools/js/bug.jpg

说明：

我测试了很多清除它的可能性，但此时没有解决方案。在脚本（ responsiveslides.js ）中，转换是由不透明度减少的。在脚本的第71行，有不透明度的配置：

visible = {"float": "left", "position": "relative", "opacity": 1, "zIndex": 2},
hidden = {"float": "none", "position": "absolute", "opacity": 0, "zIndex": 1, }

如果我将隐藏类的不透明度更改为 0 ，则没有转换，但错误消失！我认为这是CSS的不透明度转换的问题。如果我删除了所有div上的旋转，那么bug也会消失。我测试了所有CSS转换但没有结果...

我正在研究这个bug 3天，对我来说很快找到解决方案... 我恳请你，如果有人已经遇到这个问题了我们！

周末愉快，并提前感谢你...

编辑////：

Firefox 30：点击左侧“模糊” Chrome 35.0.1916.153：页面加载时到处“模糊” IE 11：没有问题，没有“模糊”，一切都很完美！