Html 绝对定位元素在ie7中不可见

有人能告诉我，为什么在ie7中，位于的右上角的绝对定位导航按钮不可见，但在所有其他浏览器（包括ie8和IE9）中工作正常

---

谢谢

使用左侧或右侧属性使其可见。

对于您正在使用的

display:inline block

，IE7或以下版本不正确支持该属性（有时有效，其他则无效--取决于元素和情况）

改为使用

display:block

和

float:left

，因为这更受支持（但是，如果您看到我的第一个链接，也可以使用

display:inline

）

不要忘了在周围的UL元素中包含

overflow:hidden

，否则您将由于float而得到奇怪的结果

css:

标记：

<ul id="navlist">
  <li id="li1">
    <a id="link1" href="#">1</a>
  </li>
  <li id="li2">
    <a id="link2" href="#">2</a>
  </li>
  <li id="li3">
    <a id="link3" href="#">3</a>
  </li>
  <li id="li4">
    <a id="link4" href="#">4</a>
  </li>
 </ul>

---

作为一项建议，通常最好将您正在谈论的代码粘贴到您的问题中——更多的人可能会以这种方式回答，而且您也不会被投诉；）（链接也很有用。）嗨，佩伯，谢谢你。不幸的是，这似乎不起作用。不过，我注意到的一点是，当到达滑块的最后一张幻灯片时，导航按钮会出现，就好像它们包含在滑块div本身中一样。这能解释问题吗？@Chris-yep，现在我回家了，我可以访问IE7以便测试。。您的问题是由一个名为slideWrap的元素引起的，该元素的宽度为3000，这是因为在较旧的IEs中渲染的元素总是尝试包含其子元素，它正在推送innerWrap的维度。这意味着IE7的位置

right:0px

距离屏幕右侧约3000像素。解决此问题的最佳方法是为innerWrap指定一个指定的宽度。

<ul id="navlist">
  <li id="li1">
    <a id="link1" href="#">1</a>
  </li>
  <li id="li2">
    <a id="link2" href="#">2</a>
  </li>
  <li id="li3">
    <a id="link3" href="#">3</a>
  </li>
  <li id="li4">
    <a id="link4" href="#">4</a>
  </li>
 </ul>

<!--[if IE 7]>
  <link rel="stylesheet" type="text/css" href="css/ie7.css" />
  <script type="text/javascript" src="Scripts/ie7.js"></script> 
<![endif]-->

#innerWrap { width: 100%; }