Question

IE10出现了一个weard selectbox错误。选择后，它会翻转到页面顶部并开启/关闭闪烁。此问题仅出现在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 +中，并隐藏在所有其他浏览器中。该网站现在在所有浏览器上的行为都不一样，我不认为这是一种解决方案。

CSS选择Box位置绝对错误IE10 + W8

0 个答案: