IE中的jquery問題

有些人幫助我解決了最後一個問題，對此我非常感謝。不幸的是，我一直在Internet Explorer上遇到一系列奇怪的問題。IE中的jquery問題

這裏是我的代碼，當您點擊Family列表項時，它的背景延伸到了孩子。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

     <script type="text/javascript"> 
      $(document).ready(function() { 
       $("#flip_1").click(function() { 
        $("#panel_1").slideToggle("slow"); 
       }); 
      }); 
     </script> 

     <style type="text/css"> 
      .navigation ul { 
       font-size: 12px; 
       list-style-type: none; 

       padding: 0; 
       margin: 0; 
      } 


      .navigation { 
       float: left; 
       width: 200px; 
      } 

      .navigation li { 
       background-color: #F5F2EE; 
       background-position: left top; 
       background-repeat: no-repeat; 
       border: 1px solid #E9E3DD; 
       height: auto; 
       margin-bottom: 4px; 
       padding: 4px 5px 4px 20px; 
      } 

      .navigation li:hover { 
       background-color: #DEB887; 
       cursor: pointer; 
      } 

      .nodisplay { 
       display:none; 
      } 
     </style> 
    </head> 

    <body> 
     <div class="navigation"> 
      <ul> 
       <li><a href="">First</a></li> 
       <li><a href="">Second</a></li> 
       <li><a href="">Other Things</a></li> 
       <li><a href="">Process</a></li> 

       <li id="flip_1"> 
        <span>Family</span> 
       </li> 

       <div id="panel_1" class="nodisplay"> 
        <ul> 
         <li> First</li> 
         <li> Second</li> 
        </ul> 
       </div> 

       <li>More</li> 
      </ul> 
    </body> 
</html>

反正是family以下兒童li S能出現像其他項目和不喜歡他們正在被family背景顏色包圍？這種奇怪的行爲只發生在Internet Explorer中的兼容性視圖中。

來源

2011-09-12 Helen Neely

在我編輯它之前，你的代碼是一團糟。另外，有沒有人知道'{padding：0;保證金：0; }它自己是有效的CSS，因爲它沒有選擇器？ – Bojangles

其實這也發生在其他瀏覽器中。您需要將.navigation li選擇器更改爲.navigation> li選擇器（如果您希望它僅影響直接子項，而不是所有子項）。我想這就是你要求的？

來源

2011-09-12 22:21:54 krasnerocalypse

或者，如果您想要第三種背景顏色，則可以添加.navigation li li選擇器。 – krasnerocalypse

請注意，即使QuirksMode聲明它，子選擇器'>'在IE7中不起作用。 – Bojangles

IE中的jquery問題

回答

相關問題