IE8&单项无序列表的CSS

时间:2011-11-07 17:50:31

标签: css internet-explorer

CSS文盲。我需要在页面中显示一个音符列表,问题是当有一个音符需要显示时我必须隐藏子弹并让它看起来像一个普通的标签。使用Jquery我只在1 <li>时向ul添加一个css类,并且chrome / firefox中的结果相当不错(这里显示表边框只是为了显示表的设置方式)。

以下是chrome和firefox的屏幕截图,显示了<ul>是否应用了样式:

enter image description here

然而在IE8中(不知道其他版本)<ul>未对齐..真的:

enter image description here

Im应用于<ul>的样式是

ul.hidestyle {
  list-style-type: none;
  padding: 2px;
}

我尝试为 display 属性使用不同的选项,但似乎没有任何效果。任何帮助将不胜感激。

HTML

<div id="ctl00_Notes">
  <table cellpadding="2">
    <tr> 
      <td>
        <img id="ctl00_cph_WarningImage" src="../Images/orange_flag.PNG" style="border-width:0px;"/>
      </td>
      <td>
        <ul id="NotesList">
          <li>bla bla bla.</li>
          <li>something else.</li>
        </ul>
      </td>
    </tr>
  </table>
</div>

1 个答案:

答案 0 :(得分:0)

list-style-type上的MSDN年龄肯定表明没有一个是有效选项: http://msdn.microsoft.com/en-us/library/ms530797%28v=vs.85%29.aspx

我没有使用IE8进行测试,但我看到其他人同时使用“list-style-type”和“list-style-image”都没有...并看到他们两者都使用ul和li例如:

ul.hidestyle {
  list-style-type: none;
  list-style-image: none;
  padding: 2px;
}
ul.hidestyle li {
  list-style-type: none;
  list-style-image: none;
}

它可能无效,但值得一试?