化妆iframe中的内容可点击

Question

嘿家伙我有以下下面拨弄

JSfidle link

问题现在面临的是，我不能够作为图像在它上面来点击iframe中的内容。 早些时候，我试着旋转图像，但没有发现剥离效果。 你可以让我知道如何使IFRAME点击

 $(function(){ 
    var show=false; 
    var expand=function(){ 
    $('#page_peel_img').stop().animate({ 
     width: 500, 
     height: 500 
    },{ 
     duration:500, 
     queue:false, 
     complete:function(){ 
      show=true; 
     } 
    }); 


    $('#page_peel').stop().animate({ 
     width: 500, 
     height: 500 
    },{ 
     duration:500 
    }); 
}; 

     var close=function(){ 
      $('#page_peel_img').stop().animate({ 
      width: 50, 
      height: 50 
     }, 
     { duration: "medium", 
      queue:false, 
      complete:function(){ 
      show=false; 
      } 
     }); 

     $('#page_peel').stop().animate({ 
      width: 50, 
      height: 50 
     }, 400); 

};

 //$('#page_peel').hover(expand,close); 

    $('#page_peel_img').click(function() { 
    //alert(1); 

    if(!show){ 
     expand(); 
     show=true; 
    }else{ 
     close(); 
     show=false; 
    } 

}); 

}); 

Answer 1

您可以尝试使用transform/-webkit-transform（Chrome浏览器）技巧。

见我finddle http://www.jsfiddle.net/ejNf2/2/

-webkit-transform: rotate(-45deg);-transform: rotate(-45deg); 

在我的例子顶部菜单（abous我们，客户服务中心），可以点击。您必须更改图像并旋转它。

让我知道，如果我可以有任何帮助。