0

我遇到了这个问题，我做了很多尝试让它工作......

看看我的http://jsfiddle.net/9LjB6/

我...更改相对于绝对位置的位置，将 z-index 更改为 1000、1000000 等...尝试使用 jquery 更改它尝试将其内联在标签中，但它不起作用。

鼠标悬停时我的动作是

$(this).css({
    '-webkit-transform':'scale( 1.1,1.1 )',
    'transform':'scale( 1.1,1.1 )',
    '-o-transform':'scale( 1.1,1.1 )',
    '-ms-transform':'scale( 1.1,1.1 )',
    '-moz-transform':'scale( 1.1,1.1 )',
});
$('.ico_competence').css({
    '-webkit-transform':'perspective( 250px ) rotateY( -5deg )',
    'transform':'perspective( 250px ) rotateY( -5deg )',
    '-o-transform':'perspective( 250px ) rotateY( -5deg )',
    '-ms-transform':'perspective( 250px ) rotateY( -5deg )',
    '-moz-transform':'perspective( 250px ) rotateY( -5deg )',
});
$('.ico_innovation').css({
    '-webkit-transform':'perspective( 250px ) rotateY( 5deg )',
    'transform':'perspective( 250px ) rotateY( 5deg )',
    '-o-transform':'perspective( 250px ) rotateY( 5deg )',
    '-ms-transform':'perspective( 250px ) rotateY( 5deg )',
    '-moz-transform':'perspective( 250px ) rotateY( 5deg )',
});

是什么让这发生？

非常感谢您的帮助和建议

4

1 回答 1

2

您还需要平移 Z 值......因为您将对象沿 Y 轴向左旋转，所以其右边缘的 Z 值高于鼠标所在的“平面”div。

我已经修改了您的示例以在 safari 中工作：http: //jsfiddle.net/JZeuY/

关键部分是'-webkit-transform':'translate3d(0, 0, 100px)'

于 2013-01-03T00:40:20.147 回答