3

IE10 出现磨损的选择框错误。选中后，它会翻转到页面顶部并闪烁开/关。此问题仅出现在 IE10 和“新”选择框中。是否可以强制显示旧的选择框？

似乎它要去 CSS: position: fixed; 顶部：0px；类似的东西。这是清理后的代码和一些屏幕截图：

链接到屏幕截图

CSS：

.div{
    border: 1px solid @BorderColor1; 
    margin: 0px 4px 0px 4px;
    padding: 10px 0px 10px 0px;
    position: relative;
}
 .popupselect{
    padding: 2px 0px 0px 4px; 
    width: 99px; 
    height: 37px;
    float:left; 
    background: @ButtonSprite;
    background-position: 0px -56px;
    position: absolute;
    bottom: 40px;
    left: 10px;
    display: none;
}

   .select{ width: 95px; }
   .div:hover .popupselect{display: block;}

HTML：

<div class="div">
                <div class="popupselect">
                    <select class="select">
                        <option value="">Aantal: 93821</option>
                        <option value="">Aantal: 112430</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 123</option>
                        <option value="">Aantal: 999</option>
                    </select>
                </div>
           </div>

编辑：显示：无；显示：块；在 IE10 中不起作用。一个修复但不是最完美的修复：

<script>
   if (navigator.userAgent.indexOf("MSIE 10.0") !== -1)
      {document.documentElement.className += "ie10";}
</script>
.ie10 .popupselect{display:block;}

在这种情况下，选择框始终显示在 IE10+ 中，并隐藏在所有其他浏览器中。该网站现在在所有浏览器上的行为都不相同，我不认为这是一个解决方案。

4

0 回答 0