Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript iframe覆盖onclick变换_Javascript_Css_Iframe_Onclick_Transform - Fatal编程技术网

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;
}