Bootstrap弹出窗口无法打开

Question

我尝试在我的tumblr上添加弹出窗口，但我认为它不起作用。

请看一下：http://blog.appyourself.com/

点击红色横幅，您可以看到该页面变黑了，但实际上我想要这样的事情发生：http://i.imgur.com/ducSM92.png

我只是为弹出窗口提供了这段代码

<div class="modal hide" id="infos" style="z-index:99999;">
    <div class="modal-body">
        <!-- http://cms-v2.local/fra/users/register?source=extern" class="popup" frameborder="0"> -->
        <iframe src="http://cms-v2.local/fra/users/login?source=extern"  class="popup" frameborder="0">
        </iframe>
</div>

对于链接，就是这样：

 <a data-toggle="modal" href="#infos"><img src="http://static.tumblr.com/dbi5jhw/WUkmytiof/banni__re-blog.gif"></a>

用于JS和CSS

 <script type="text/javascript">
<!--
function autoResize(id){
    var newheight;
    var newwidth;

    if(document.getElementById){
        newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
        newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
    }

    document.getElementById(id).height= (newheight) + "px";
    document.getElementById(id).width= (newwidth) + "px";
}
//-->
</script>
<style>
    .modal{
        height:650px;
        width:950px;
    }
    .modal-body{
        height:650px;
        width:950px;
        padding:0;
        margin:0;
        max-height:2000px;
    }
    .popup{
        height:650px;
        width:950px;
        padding:0;
        margin:0;
    }
</style>

Answer 1

在您的网站中，您有.modal的双重声明width: 950px;秒width:560px并且您有冲突。您必须删除width:950px;才能正常使用。