1

私のウェブサイトの head セクションに次のコードがあります。この質問を読みましたが、CSS に z-index がないようです。画像などのボックスが表示されますが、クリックしても何も起こらないか、ハイパーリンクが機能しないと言うべきです。助けてください。ありがとう

  <div class="content-pad" style="float:left;">               
                <a href="mailto:developerfahaduddin@gmail.com"><img src="http://www.startupsandfinance.com/wp-content/uploads/2012/06/Advertise-here-728x90.png" width="728" height="90" /></a> 
                <span class="widget-pad" style="margin-left:25px;"> 
                <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FStartupAndFinance&amp;width=290&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=true&amp;appId=384169901601437" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:62px;" allowTransparency="true"></iframe> 


                </span>
                </div>
                </div>
4

2 に答える 2

4

ヘッダー画像をクリックすると、デフォルトの電子メール アプリケーションが起動されます。

mailto:developerfahaduddin@gmail.com

ここでライブをチェックできます：

http://jsfiddle.net/MSRXU/

だから、あなたがコードを書いていない他の何かです。

あなたのページを Firebug で見たところ、別の何かがおかしくなっていることがわかりました。高さを追加すると:

<div class="content">
...

</div>

あなたは元気で、画像はクリック可能になります。

于 2012-06-27T16:59:56.037 に答える
1

問題は、.content高さがなく、親要素の境界の外側にあるため、ポインター イベントが iframe に到達しないことです。

このルールを.contentセレクター用に他のものに追加します。

div.content {
    height: 120px;
}
于 2012-06-27T17:19:18.460 に答える