Javascript iframe覆盖onclick变换
只是想知道我是否在正确的轨道上…也许能得到一些帮助 关于这个问题 这不起作用->Javascript iframe覆盖onclick变换,javascript,css,iframe,onclick,transform,Javascript,Css,Iframe,Onclick,Transform,只是想知道我是否在正确的轨道上…也许能得到一些帮助 关于这个问题 这不起作用-> 有z指数的东西吗?我有一个a href onclick覆盖,它似乎不会影响目标iframe…谢谢这里有一个CSS专用的解决方案: HTML 例子 ps:这在internet explorer上不起作用 哇,太棒了,非常感谢。不过我会在有点忙的时候再看的,谢谢。 $(#alpha).onClick(function({ $('#alpha').addClass('.blowup');});
有z指数的东西吗?我有一个a href onclick覆盖,它似乎不会影响目标iframe…谢谢这里有一个CSS专用的解决方案: HTML 例子 ps:这在internet explorer上不起作用
哇,太棒了,非常感谢。不过我会在有点忙的时候再看的,谢谢。
$(#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);
}
<div id='alpha'>
<iframe src="http://time.is"></iframe>
</div>
#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;
}