Question

我有一个文件，胖箱远程加载，作为前端管理界面的一部分，但样式不会加载。我有一个popup.css文件，如下所示：

body#pop {
    width:400px;
    min-height:200px;
}


div.pop {
    width:100%;
}


div.pop #hd {
    font-size:16px;
    font-weight:bold;
    color:#fff;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:1px solid rgba(0, 159, 245, 1);
    background:rgba(0, 159, 245, .5);
}


div.pop #hd #title {
    padding-top:5px;
    margin-left:10px;
    padding-bottom:0px;
}


div.pop #bd {
    background:#fff;
    padding:5px;
    font-size:11px;
}


div.pop #ft {
    height:30px;
    border-top:1px solid rgba(0, 159, 245, 1);
}


div.pop #ft #buttons {
    float:right;
}


div.pop #ft #buttons input[type='submit'] {
    background:rgba(0, 159, 245, .5);
    color:#fff;
    font-size:12px;
    font-weight:bold;
    padding:2px 5px;
    margin-top:5px;
    margin-bottom:5px;
    border:1px solid rgba(0, 159, 245, 1);
    opacity:.9;
}


div.pop #ft #buttons input[type='submit']:hover {
    opacity:1;
    cursor:pointer;
}

和popup.php（目前只是一个模板）看起来像：

<html>
    <head>
    <link rel="stylesheet" type="text/css" src="/resources/css/popup.css" />

    </head>
    <body id="pop">

        <div class="pop">
            <div id="hd">
                <span id="title">Modify Homepage</span>
            </div>

            <div id="bd">
                <p>
                    To modify the homepage image, go to the grid, select an image, select "admin:Edit" from the tools bar, and click, "set as homepage".
                </p>
            </div>

            <div id="ft">
                <div id="buttons">
                    <input type="submit" name="subXxx" class="submit" onclick="tb_remove()" value="Okay" />
                </div>
            </div>
        </div>

    </body>
</html>

但是样式表（popup.css）中的css样式没有应用于文件，thickboxed或只是直接在浏览器中查看，没有叠加。我对这一切都很有经验，而且我完全迷失了。发生了什么事，我做错了什么？

Answer 1

写href=""代替src=""，就像这样

<link rel="stylesheet" type="text/css" href="/resources/css/popup.css" />

Answer 2

远程css文件的完整路径是什么？

'/resources/css/popup.css'是css文件位置的有效路径吗？

首先，您需要在浏览器中输入有效的网址，以查看该位置的css是否实际存在。

让我们知道网址，我们都可以查看。

CSS导入不起作用？

2 个答案: