Html bg图像上的可点击链接

这个问题困扰了我很长时间，我试图找出解决办法，但我能得到它

我在div标签上有

背景图像

，在该图像上我有部分文本，我想选择它作为链接

所以我试着这样做

#signUp

是一个位于div

#main\u 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之外，该代码在所有浏览器中都能正常工作，IE上的注册是不可点击的，任何解决方案，谢谢

这是html部分：

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

---

这应该适用于IE6、IE7和更新版本。 我认为问题在于集装箱的z指数

#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>​

#注册{
z指数：20；
显示：块；
宽度：100px；
高度：100px；
位置：绝对位置；
左：50px；
顶部：50px；
背景色：红色；
字体：1em Arial；
颜色：白色；
}
#主文本{
z指数：10；
宽度：300px；
高度：200px；
保证金：0；
填充：0；
位置：相对位置；
背景颜色：灰色；
} ​
​

参见下面提到的代码，它在IE上的工作也是IE8+

HTML

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

---

您介意创建一个JSFIDLE来查看吗？您正在使用哪个IE？IE 6-8或IE 9+？什么是注册？一个锚？发布HTML代码也。。。很难理解您想要做什么。它似乎在IE 9上运行良好：

#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;
}