Question

我知道这是我谷歌搜索中IE6的常见问题，但我尝试过的所有内容都失败了。这是我的HTML：

<table width="750" border="0" cellspacing="5" cellpadding="5" class="largetable" >
  <tr>
    <td width="65px"><b>SELECT</b></td>
    <td class="plus" width="300px">
      <select id="op" name="">
      <option selected="selected"></option>
      <option>SUM</option>
      <option>AVG</option>
      <option>MIN</option>
      <option>MAX</option>
      </select> 

      <!-- problem here, background image not showing -->
      <a href="#" onclick="add_select(); return false;"></a>

我的CSS：

.plus a {
  background-image:url("../images/plus.png");
  background-repeat:no-repeat;
  border:medium none;
  margin-left:3px;
  padding:6px 4px 6px 30px;
  background-position:2% 100%;
}

问题是背景图像没有出现。它出现在我的Firefox浏览器上，但不出现在IE6上。

我尝试过使用height: 1%和position:relative但都没有效果。我尝试了很多其他的东西，但该死的东西不会出现。

Answer 1

IE6不会呈现空的内联元素。添加display: inline-block应该修复它。您可能更愿意在* html .plus a CSS hack中提供该规则以仅定位IE;我认为它应该在其他地方很好。

背景图像没有出现。 IE6失败

1 个答案: