html - 由于 "height : 75%"CSS，SELECT 列表未在 IE8 中显示

Question

我有一个 web 应用程序，它在 SELECT block 中显示名称列表作为选项:

<select name="names" .... >
    <option value="Lee">
    <option value="Jamie">
    <option value="Alex">
</select>

然后我将一些 CSS 应用到 SELECT block 来调整它的大小，而不是:

width : 100%
height : 75%

这在 Chrome 和 Firefox 上运行良好，但在 IE8 上运行不佳。在 IE8 中，SELECT block 根本不显示，尽管它当然包含在源代码中。我已经使用 IE8 开发人员工具追踪到高度属性是问题所在。如果我在开发工具中将其删除，该框会按照我的意愿出现。但是，如果我完全去掉高度属性，它不会像我希望的那样在 Firefox 或 Chrome 中显示。

无论如何我可以在 CSS 中添加一个条件来说明如果浏览器是 IE 则不添加高度？或者有没有更好的方法来解决这个问题？

非常感谢。

Answer 1

您可以使用条件注释。

<!--[if IE 8]> 
  <link href="/css/ie_8.css" rel="stylesheet" type="text/css"> 
<![endif]-->

在上面的例子中，您链接到特定的 IE8 样式表。这将放在文档的头部。

您也可以只将样式添加到相关页面。

<!--[if IE 8]>
   <style type="text/css">
       .list{height:100%;}
   </style>
<![endif]-->