0

画像をアコーディオン div コンテナーの上に置き、クリックできるようにしたいので、画像は視覚的にのみオーバーライドします。どうすればそれができますか？

編集する必要がある私のページがあります。それが私が自分のページを次のように見せたいものです:

前もって感謝します！画像

4

2 に答える 2

1

画像を上に置いてリンクをクリック可能にすることはできません。私が考えることができる唯一の解決策は、画像を 2 つの部分にスライスし、1 つをアコーディオンの上に、もう 1 つを左に配置することです。ただし、それを行っても、画像がその上に配置される必要があるため、青い + をクリックできなくなります。また、スライスした画像の 2 つの部分を一致させるのも楽しくありません。(私は、いくつかの古いブラウザがあなたのためにそれを台無しにするだろうと確信しています.)

正直なところ、Web では実用的ではないため、これを再考することをお勧めします。画像全体をアコーディオンの背景として配置し、実際にリンクの上に移動することなく、女の子の手がリンクを指している状態で生活することをお勧めします。

于 2013-04-30T09:51:53.327 に答える
1

実際、これは CSS を備えたほとんどのブラウザーで可能です (Chrome、Firefox、Safari、IOS、Android。完全なリストはこちらで入手できます) 。

img {
    pointer-events: none;
}

デモ

IE10 以下ではサポートされていません。

Jquery を使用したTHIS ONEなど、IE で使用できる Javascript ソリューションも多数あります。

于 2013-04-30T12:06:16.087 に答える