Question

这让我很生气：

<ul>  
   <li style="position:relative;border:1px solid green">  
      <p>some content...</p>  
      <p>some content...</p>  
      <a style="position:absolute; left:0; top:0; width:100%; height:100%; background:red; display:block">a mask over whole list item</a>  
   </li>  
</ul>

我已经在各种伪装中遇到了这个问题（例如定位角图形，尝试在列表项上创建掩码等）

无论我尝试什么，我都无法获得ie6绝对定位列表项中的元素。另一个例子：

<ul>  
   <li style="position:relative;border:1px solid green">  
      <p>some content...</p>  
      <p>some content...</p>  
      <div style="position:absolute; left:0; top:0; width:20px; height:20px; background:red; display:block"></div>  
      <div style="position:absolute; right:0; top:0; width:20px; height:20px; background:green; display:block"></div>  
      <div style="position:absolute; left:0; bottom:0; width:20px; height:20px; background:blue; display:block"></div>  
      <div style="position:absolute; right:0; bottom:0; width:20px; height:20px; background:yellow; display:block"></div>  
   </li>  
</ul>

Answer 1

当我添加属性

时，它与IE6一起使用

zoom: 1;

到ul元素。我不知道为什么会这样。

ie6中相对列表项元素内的绝对定位

1 个答案: