0

この問題は私を非常に長い間悩ませており、解決策を見つけようとしていますが、私はそれを得ることができます.

私はbackground imagedivタグを持っていて、その画像にはリンクとして選択したいテキストの一部があります。

だから私はこのようにそれを試してみます#signUpdiv に配置されている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 を除くすべてのブラウザーで正常に動作することsignUPです。IE ではクリックできません。解決策はあります。

これは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 に答える