cssで回転divのリンクが動作していないようです

回転div内にいくつかの画像を表示してハイパーリンクします。しかし、リンクは機能していないようです....なぜ誰かがその理由を説明することができますか？cssで回転divのリンクが動作していないようです

リンク：http://inetgate.ca/dev/portfolio パスワードプロンプトを表示するには、admin/testを使用します。

ありがとうございます！ロン

コード例：

<div id="pic-7" class="pic" style="height:130px; width:110px; top:9px;left:370px; -moz-transform:rotate(-16deg); -webkit-transform:rotate(-16deg); position: absolute; background-color:#fff;background-position:center top;font-size:80%"> 
      <div align="center"> 
      <img style="margin-top:4px; border: 1px solid #999;" src="gallery/img/thumbs/wittmerperformance.png"/><a class="fancybox" rel="fncbx" href="http://www.wittmerperformance.com/" target="_blank" onclick>Wittmerperformance 
      </a></div> 
    </div>

出典

2012-09-13 cerr

あなたはリンクする必要があります。しかし、あなたのスクリプトの中には、クロスドメインであるため、ユーザーがクリックしてデフォルトの動作（リンクを開く）を妨げている間に、XHRを使用してコンテンツをフェッチすることが問題の原因となっているようです。 – Passerby

だから、私はこれを修正するにはどうすればいいだろう、パッサービー？ありがとう！ http://en.wikipedia.org/wiki/XMLHttpRequest – cerr

非常に多くのスクリプトがあるので、問題の原因となっているスクリプトを特定するのは難しいです。あなたはソースコードへの完全なアクセス権を持ち、唯一のコード開発者ですか？ – Passerby

は子供<a>タグを持つdiv要素にposition:absolute;を削除します。これで問題は解決します。絶対配置要素内でクリック可能なリンクをネストする場合、<a>タグ自体もクリック可能にするために絶対配置する必要があります。これはCSSの優先順位によるものです。なぜdivをposition:absolute;からrelativeにするだけで、この問題に遭遇しないのですか？または、<a>自体をabsoluteにしてください。簡単な修正！

出典

2012-09-21 16:38:52 djowinz

cssで回転divのリンクが動作していないようです

答えて

関連する問題