Css 为什么内部样式表有效，而外部样式表无效；T

我正在帮助创建一个网站，我们是两个人在这个项目上工作。另一个人负责视觉部分（CSS、html和javascript），我负责网站的内部功能（php、javascript和数据库等）

我为站点弹出的错误消息创建了一个代码

我使用了一些css来创建弹出式尺寸，但当我使用内部样式表时，我无法工作

问题是，当我使用外部样式表时，弹出效果不起作用

我做了一些研究，发现这可能是编码css造成的

因此，为了解决这个问题，我正在这样做：

在mystyle.css中：

 @charset "utf-8";

@charset "utf-8";

        .modal-error-box {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            padding: 200px 0px 100px 0px;
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }


        /* The Close Button */
        .close{
            color: black;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

        .close:hover,
        .close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }

        .modal-error-box-header{
            margin: auto;
            width: 35%;
            height: 5%;
            border: 3px solid black;
            background-color: Red;
            color: Black;
        }

        .modal-error-box-body 
        {
            margin: auto;
            width: 35%;
            height: 20%;
            border: 3px solid black;
            text-align: center;
            background-color: white;
            color: Black;
            overflow: scroll;
        }

在my head.php中：

<meta charset="utf-8">

<link rel="stylesheet" href="<?php echo $base_url;?>/css/bootstrap.css"> 
<link rel="stylesheet" href="<?php echo $base_url;?>/css/mystyle.css">

html:

帮助解决这个问题是非常必要的，非常感谢

---

提前感谢您将来为解决此问题所做的贡献。

一种方法是在css文件夹中授予自己写权限

Ubuntu:sudo chown-R username/../../../../../../css

---

如果一切正常，有些文件无法加载，请检查文件权限。

是否检查了文件的访问权限？请出示CSS文件？检查控制台日志中的错误，这可能会有所帮助。此外，如果您在linux上工作，您可能没有权限在浏览器中打开这些文件。在浏览器中检查头部并检查链接以确保它们确实位于正确的位置，基本上打开头部显示的直接链接以查看文件是否加载。另一个建议（您在此处不包括：-）让人们猜测）：当CSS无效时，浏览器可能不会应用所有/任何样式。您可以使用检查样式表。还有一个问题。我同意上面的评论。此外，可能需要清除浏览器缓存。操作的第一步必须是确定这是服务器端问题还是客户端问题。您需要获取这些文件的请求URL，并分别请求这些链接（例如：浏览器中的单独选项卡）。并对响应有效负载进行标记检查。如果传入的有效负载是正确的，那么您在html中处理这些有效负载的方式就有问题。使用权限777并不是最好的解决方案，因为您现在让所有人都可以访问您的文件。@Deathstorm，我没有说这是最好的解决方案，但我明确指出每个人都可以使用它们。最好的选择是吃它们。我当时很忙，没有添加这一点。我没有使用chmod-R 777/path/to/files。我给我自己的文件夹css的权限，并创建了一个新的css文件，这对我来说很好。我使用另一个用户进行了测试，结果正常。我会接受你的答案，但我并不推荐你这么做，因为安全问题。我删除了chmod部分。

<div id="erro-gravar-operacoes" class = "modal-error-box">
        <div id ="error-gravar-header1" class = "modal-error-box-header">
            Mensagem de ERRO:
            <span id="close-erro1" class="close">&times;</span>
        </div>
        <div id = "erro-gravar-body1" class="modal-error-box-body">
        </div>
</div> 

function validatesubmitform(id_var)
{

    //validate form.

    if(validate == false){

                    var div_error = document.createElement("p");
                    div_error.setAttribute('id', "id_element_erro" );
                    if(text_erro!="")
                    {
                        var element_erro = document.createElement("p"); 
                        element_erro.setAttribute('id', "id_element_erro1" );
                        var texto_erro = document.createTextNode(text_erro);
                        element_erro.appendChild(texto_erro);
                        div_error.appendChild(element_erro);

                    }
                    if(text_erro1!="")
                    {
                        var element_erro1 = document.createElement("p");
                        element_erro1.setAttribute('id', "id_element_erro2" );
                        var texto_erro1 = document.createTextNode(text_erro1);
                        element_erro1.appendChild(texto_erro1);
                        div_error.appendChild(element_erro1);
                    }
                    var div_display = document.getElementById("erro-altera-body2");
                    div_display.appendChild(div_error);
                    document.getElementById("erro-altera-operacoes").style.display='block';    
        }
        return validate;

}