CSS 3 Perspective和z-index不兼容

Question

我有一个滑块和立方体效果我使用css3的透视：xxx; 但是当我的元素获得透视值时，它和子元素松散添加了z-index值，因此mi图像出现在其他元素的底部。

element.style {
-webkit-perspective: 1000px;
}

我已经在效果后删除了元素的给定值并且它带回了z-index值...但是由于其他原因我无法删除它。那么我该怎样才能不让视角影响z指数呢？

以下是http://prognozplus.ru/144/的示例 正如您所看到的，在第一个效果图像后松开指针光标，因为其他透明元素覆盖它。 找到class =＆＃34; huge_it_slide_bg＆＃34;元素和删除透视样式和指针将再次出现。

Answer 1

因为我是自由的。我做了一个立方体效果可能你正在寻找所以看看我相信你会发现代码可以帮助你在你想要获得的任何其他效果。

demo

http://jsfiddle.net/techsin/nbed7/

$('input[type=range]').change(function (e) {
    $('.box').css('transform','rotateY('+($(this).val()/100)*360+'deg) rotateX(20deg)');
});