Question

嘿，伙计们下面有以下小提琴

我面临的问题是，当图像显示在其上时，我无法点击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 us，customer center）可以点击。您必须更改图像并旋转它。

如果我能提供更多帮助，请告诉我。

使iframe内容可点击

1 个答案: