Question

NEWBIE ALERT 在Firefox中，但由于position: relative;标记，IE超链接不起作用。我相信这是因为如果我删除标签超链接工作正常。网址为http://www.dryerase.com/g1116-2x-test.htm，或者您可以使用http://dryerase.com/Default-sidebar-test-4.htm，它们都具有相同的CSS。我也相信它不是HTML，因为它在所提到的两个站点上都是一样的。但是我确实使用了一个作为模板。提前感谢您的见解。

#Content_Wrapper { 

position:relative;
top:-30px;
display: table;
width: 960px;
min-height:500px;
max-height:auto; 
z-index:-10;

-webkit-box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, .5);

-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;

}

Answer 1

问题在于z-index。 #Page_Wrapper位于#Content_Wrapper前面，因此您无法单击链接。仅当元素具有位置时才考虑z-index属性，因此当您删除它时，链接起作用，因为它没有有效的z-index属性。

IE以不同的方式理解z-index。

css中的位置标记可防止使用超链接

1 个答案: