iframe覆盖onclick变换

iframe overlay onclick transform

本文关键字：变换 onclick 覆盖 iframe      更新时间：2023-09-26

只是想知道我是否在正确的轨道上。。。也许还有一些帮助提到这个问题CSS动画点击

    $(#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索引的东西吗？我确实有一个href onclick覆盖，它似乎不会影响目标iframe。。。感谢

这里有一个仅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：这在InternetExplorer上不起作用

​

相关文章：