0

NEWBIE ALERTposition: relative;在 Firefox 中,但不是 IE 超链接由于标签而不起作用。我相信就是这样,因为如果我删除标签,超链接就可以正常工作。URL 是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; 

}

4

1 回答 1

2

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

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

于 2012-07-10T21:16:51.407 回答