内部スタイルシートが機能し、外部スタイルシートが表示されないのはなぜですか？

Question

私はウェブサイトの作成を手伝っています。私たちはこのプロジェクトに取り組んでいる2人のメンバーです。他の人は視覚的な部分（CSS、html、javascript）を担当し、私はウェブサイト（php、javascript、データベースなど）の内部機能を担当しています。

サイトのポップアップエラーメッセージのコードを作成しました。

ポップアップメサージュを作成するのにいくつかのCSSを使用しましたが、内部スタイルシートを使用するとうまくいきません。

外部のスタイルシートを使用すると、ポップアップ効果が働かないという問題があります。

私はいくつかの調査を行い、これがcssをエンコードすることによって発生する可能性があることを発見しました。私のmystyle.cssで

：私のhead.phpで

@charset "utf-8"; 

：

<meta charset="utf-8"> 

しかし、これは解決しませんでしたので、私はこれをやっているこの問題を解決するための

私の問題。

私はもう少し調査を行い、間違った場所で外部CSSを取得する可能性があります。

他人のCSSが動作しているので、これが原因ではないと思います。私は他の人が彼女を救っているのと同じフォルダに私のCSSを保存しています。私は、他の人と同じcssファイルを呼び出します。

マイhead.php：これを引き起こしている可能性があり、または私が何か間違ったことをやっている何

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

？

私の外部スタイルシートの完全なコードです。

mystyle.css：

@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; 
     } 

HTML：

<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> 

のjavascript：この問題で

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; 

} 

ヘルプが本当に必要であり、非常に感謝しています。

この問題を解決するための今後の貢献に感謝します。これを行うには

Answer 1

一つの方法は、自分でCSSのフォルダ

のUbuntuに書き込み許可を与えることである：sudoのchownコマンド-Rユーザ名/.../.../.../.../css

すべてが問題なく、一部のファイルが読み込まれない場合は、ファイルのアクセス許可を確認してください。