化妝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我們，客戶服務中心），可以點擊。您必須更改圖像並旋轉它。

讓我知道，如果我可以有任何幫助。