Question

请转到here并使用用户名“admin”和密码“endlesscomic”（没有包装引号）来查看网络应用演示。

基本上我要做的是将我的工作逐步集成到这个网络应用程序，比如，每晚，客户检查进度。另外，他想看，在一开始，关于页面布局的模型。

我正在尝试使用960网格系统来实现这一目标。到目前为止，非常好。

除了一个问题，当“mockup.css”由jQuery动态加载时，它将窗口“扩展”到底部，这是我不想要的......

作为一名经验不足的网站开发人员，我不知道哪个部分是错的。以下是我的js：

/* master.js */
$(document).ready(function()
{
    $('#addDebugCss').click(function()
    {
    alertMessage('adding debug css...');
    addCssToHead('./css/debug.css');
    $('.grid-insider').css('opacity','0.5');//reset mockup background transparcy
    });

    $('#addMockupCss').click(function()
    {
    alertMessage('adding mockup css...');
    addCssToHead('./css/mockup.css');
    $('.grid-insider').css('opacity','1');//set semi-background transparcy for mockup
    });

    $('#resetCss').click(function()
    {
    alertMessage('rolling back to normal');
    rollbackCss(new Array("./css/mockup.css", "./css/debug.css"));
    });
});

function alertMessage(msg)  //TODO find a better modal prompt
{
    alert(msg);
}

    function addCssToHead(path_to_css)
{
    $('<link rel="stylesheet" type="text/css" href="' + path_to_css + '" />').appendTo("head");
}

    function rollbackCss(set)
{
    for(var i in set)
    {
    $('link[href="'+ set[i]+ '"]').remove();
    }
}

应该在exteral mockup.css中添加一些内容吗？或者在我的master.js中要改变什么？

提前感谢任何提示/建议。

Answer 1

这是#page-container div。它拥有页面的所有内容，因此它的高度为600px。它位于书籍下方，因此将页面高度推至总计1000px。位置相对和-350px顶部在视觉上移动它，但它仍然在流动中占据它的位置。

最简单的解决方案是将书籍从流程中取出，这样您就不必尝试使用页面内容进行调整。简单地将它们绝对定位或固定在页面上。

希望这有帮助。

动态加载的CSS的CSS窗口高度问题

1 个答案: