IE9上的多重選擇顯示問題

我在我網站的不同頁面上使用了多個選擇，它們完美地工作。我已經爲我的多個選擇指定了一個高度和大小，以便不顯示它的100個項目... 問題？在IE9上測試我的表單時，我注意到當我在我的選擇中選擇一個或多個項目時，隱藏項目（我的意思是選擇底部的項目）出現在我的選擇下面：IE9上的多重選擇顯示問題

+-------------------------------------+ 
| Item1        | 
| Item2        | 
| Item3        | 
+-------------------------------------+ 
        ... 
+-------------------------------------+ 
| Some content(div, textarea, etc. | 
+-------------------------------------+

然後：

Item9 
    Item10 
    Item11 
    ...

這些項目顯示在我的網頁下面的部分。有時在使用鼠標滾動時會消失。當多個選擇不再顯示在頁面上，「bug」消失「...

我試圖解決這個問題，因爲小時，我必須說...我需要一些幫助：）我無法找出這個問題的根源。我認爲，從一個CSS屬性，它不是由IE9理解選擇繼承，但我找不到它。

有沒有一種辦法「RESET」是繼承的css屬性嗎？有沒有辦法測試我的CSS文件與IE9的兼容性？

簡而言之，任何幫助都是真的，真的很感謝

在此先感謝

plastic1st

PS：什麼在我的代碼特殊：

<select name="counties[]" id="counties__" multiple="multiple" size="5" class="required" title="<?php echo FORM_COUNTIES_LABEL; ?> : <?php echo FORM_COUNTIES_HELP; ?>"> 
<option value=""></option> 
<?php 
$i=0; 
    foreach($counties as $county) 
    { 
     echo "<option value='".$county->fieldtitle."' id='county_".$i++."'>".$county->fieldtitle."</option>"; 
    } 
?>

來源

2014-02-20 user3297978

您的PHP是沒有幫助回答這個問題，因爲PHP是100 ％在服務器上，您的問題在客戶端100％。請顯示您的呈現HTML和相關的CSS。 –

你好Diodeus，感謝您的回答！這裏呈現的HTML：

<select name="counties[]" id="counties__" multiple="multiple" size="5" style="height:70px"> 
<option value=""></option> 
<option value="01 - Ain" id="county_0">01 - Ain</option> 
<option value="02 - Aisnes" id="county_1">02 - Aisnes</option> 
... 
<option value="976 - Mayotte" id="county_100">976 - Mayotte</option> 
</select>

我跳過了CSS樣式表。所以唯一指定的設置是大小和高度。我完全不理解。我覺得IE瀏覽器無法理解頁面上有什麼東西。

我試圖在另一個頁面上插入多重選擇，並且我遇到了同樣的問題，我跳過了一些CSS設置（例如，「@ font-face」設置，顯然不是這樣的問題，通過IE9沉迷...）但回到我的頁面，我沒有成功修復bug ... 它讓我瘋狂...

來源

2014-02-21 16:22:19 user3297978

IE9上的多重選擇顯示問題

回答

相關問題