0

这个问题困扰了我很长时间,我试图找出解决方案,但我能得到它。

我有background imagediv 标签,在该图像上我有部分文本,我想选择它作为链接。

所以我尝试这种方式#signUp是位于 div 中的 aa 元素#main_text

#signUp {
   display:block;
   width:137px;
   height:100px;
   position:absolute;
   left:31px;
   top:289px;
}

#main_text {
  width: 840px;
  height: 335px;
  background-color: white;
  margin: auto;
  position: relative;
}

问题是这段代码在除 IE 之外的所有浏览器中都能正常工作,在 IEsignUP上不可点击,任何解决方案,谢谢。

这是 html 部分:

<div id="main_text">
<?php if (function_exists("easing_slider")){ easing_slider(); }; ?><a href = "#" id="signUp" class="eModal eModal-1"></a>     
</div>
4

2 回答 2

0

这应该适用于 IE6、IE7 和更新版本。http://jsfiddle.net/uPeWh/ 我认为问题出在容器的 z-index 上。

#signUp {
    z-index: 20;
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50px;
    top: 50px;
    background-color: red;
    font: 1em Arial;
    color: white;
}

#main_text {
    z-index: 10;
    width: 300px;
    height: 200px;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: grey;
} ​

<div id="main_text">
    <a href = "#" id="signUp" class="eModal eModal-1">Click me</a>     
</div>​
于 2012-11-23T10:13:38.523 回答
0

请参阅下面提到的代码,它也适用于 IE IE8+

HTML

<div id="main_text">
    <a href = "#" target="_blank" id="signUp" class="eModal eModal-1">Sign Up</a>
</div>

CSS

#signUp {
   display:inline-block;
   width:137px;
   height:100px;
   position:absolute;
   left:31px;
   top:289px;
   background:red;
   color:black;
   text-align:center;

}

#main_text {
  width: 840px;
  height: 335px;
  background-color: green;
  margin: auto;
  position: relative;
}

演示

于 2012-11-23T10:14:19.927 回答