我有一个滑块,对于立方体效果,我使用css3的视角:xxx;
但是,当我的元素获得透视图的值时,它和子元素松散地添加了z-index值,因此mi图像出现在其他元素的底部。
element.style {
-webkit-perspective: 1000px;
}
我已经删除了给定值的元素,效果后,它使z-index值返回..但由于其他原因,我无法删除它。那么我该怎么做才能不影响视角对z索引的影响?
这是一个示例http://prognozplus.ru/144/
如您所见,在第一个效果图像之后,由于其他透明元素覆盖了该指针,因此松开了指针光标。
找到class =“ huge_it_slide_bg”元素并删除透视图样式,指针将再次出现。
最佳答案
由于我有空。我做了一个立方体效果,也许是您想要的东西,所以请看一下,我确定您会找到可以帮助您解决其他任何效果的代码。
demo
http://jsfiddle.net/techsin/nbed7/
$('input[type=range]').change(function (e) {
$('.box').css('transform','rotateY('+($(this).val()/100)*360+'deg) rotateX(20deg)');
});
关于jquery - CSS 3透视图和Z索引不兼容,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22593793/