只是想知道我是否走在正确的轨道上……或许还有一些帮助 提到这个问题 CSS Animation onClick
$(#alpha).onClick(function({
$('#alpha').addClass('.blowup');});
.blowup {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
这不起作用 -> http://jsfiddle.net/HQjMc/50/ 有 z-index 的东西吗?我确实有一个似乎不会影响目标 iframe 的 href onclick 覆盖...谢谢
最佳答案
这是一个只有 CSS 的解决方案:
HTML
<div id='alpha'>
<iframe src="http://time.is"></iframe>
</div>
CSS
#alpha {
opacity:0.38;
filter:alpha(opacity=38);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transform:scale(0.25);
-moz-transform-origin:0 0;
-o-transform:scale(0.25);
-o-transform-origin:0 0;
-webkit-transform:scale(0.25);
-webkit-transform-origin:0 0
}
#alpha:hover {
opacity:0.38;
filter:alpha(opacity=38);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
#alpha > iframe {
positon:fixed;
zoom:1;
}
例子
ps:这在 Internet Explorer 上不起作用
关于javascript - iframe 叠加 onclick 变换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12195554/