我的CSS樣式的背景色在特定情況下不工作

-1

<!DOCTYPE html> 
 
    <html> 
 
     <head> 
 
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
 
      <style> 
 
      .menu-div { 
 
       position: absolute; 
 
       top:200px; 
 
       width:100px; 
 
       height:20px; 
 
       background-color: #CBDA90; 
 
       z-index:10000; 
 
      } 
 
      .menu-div:hover { // Menu div css style 
 
       background-color: white; 
 
      } 
 
      .second-position-container { 
 
       position:fixed; 
 
       width:100%; 
 
       height:2400px; 
 
      } 
 
      .position-container { 
 
       width:1333px; 
 
       height:800px; 
 
       position: relative; 
 
       margin-left :auto; 
 
       margin-right: auto; 
 
      } 
 
      .container { 
 
       position: relative; 
 
       margin-left: auto; 
 
       margin-right: auto; 
 
       width:1333px; 
 
       height:800px; 
 
      } 
 
      .side-panel { 
 
       position: absolute; 
 
       top:120px; 
 
       width: 240px; 
 
       height:300px; 
 
       margin-top: 5px; 
 
       border:4px solid #6C7532; 
 
      } 
 
     
 
      </style> 
 
     </head> 
 
     <body> 
 
      <div class="header"></div> 
 
      <div class="menu-div"></div> 
 
      <div class="second-position-container"> 
 
       <div class="position-container"> 
 
        <div class="side-panel"> 
 
        </div> 
 
       </div> 
 
      </div> 
 
      <div class="container" id="container-search"> 
 
      </div> 
 
      <div id="container-sim" class="container"> 
 
       <div class="tools"> 
 
       </div> 
 
       <div id="image-block" > 
 
       </div> 
 
      </div> 
 
      <div class="container" id="container-forum"></div> 
 
     </body> 
 
    </html>

而如果是追加到側板我.menu-div:hover風格不工作div.I試圖製作，就像一個菜單，當你將鼠標懸停在相同的菜單上時，它會改變背景顏色。

但是，如果我將它追加到身體它工作正常。

來源

2015-11-02 Pedro Ferreira

當你說「我的.menu-div：懸停風格不起作用，如果它被追加到側面板div」你將不得不擴大你的意思。 –

當我將鼠標懸停在潛水上時，它不會改變其背景顏色 –

您的註釋出現問題//菜單div CSS樣式。在CSS中使用/ * * /來註釋掉不是// ..嘗試學習如何在CSS中註釋掉。

來源

2015-11-02 18:57:35

您的意思是'/*...*/'？在兩個前斜槓之間添加註釋是無效的。 –

對不起，評論不是我的原始代碼 –

我的CSS樣式的背景色在特定情況下不工作

回答

相關問題