Question

我已经制作了一个iframe，我想使用jqueryui使其可拖动，但它只是从div的角落拖动，有人能告诉我如何从中心拖动iframe吗？以下是我的代码：

 <html>
<head>
    <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function(){
            $( ".main" ).draggable({cancel:null});
        });
    </script>
    <style type="text/css">
        .main{
            background-color:transparent;
            height: 100px;
            width: 100px;
        }
        .main2{                     
            height: 100%;
            width: 100%;
        }
    </style>            
    <div class="main">
        <iframe src="https://www.youtube.com/v/nkS_Ar0Yad0"></iframe>
    </div>          
</body>
</html>

Answer 1

要获得快速解决方案，您可以将iframes CSS设置为：

iframe{
  position:relative;
  z-index:-1;
}

但是你可能无法在iframe中导航（我没有测试过这个）。所以我建议您post

如何使用jquery从中心拖动iframe？

1 个答案: