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上的多重选择显示问题

回答

相关问题