web-dev-qa-db-ja.com

透明な.pngをクリックする

まず、myspaceは苦痛だと言いたいです。しかし、ミュージシャンはそれが大好きで、私は彼らのためにレイアウトをすることでいくらかのお金を稼ぐことができます。 myspaceの元の外観の上に.pngのレイヤーをオーバーレイしましたが、myspaceミュージックプレーヤーを利用する必要があります。そこで、myspaceプレーヤーが見えるように、中央が透明なmyspaceプレーヤーを囲む額縁を作成しました。残念ながら、プレーヤーには完全な機能がありません。ホバーすると正しく応答するようですが、クリックすると正しく応答しません。誰かがこの問題を解決する方法を知っていますか?

あなたは私がここで話していることを見ることができます:myspace.com/gprettydesigns

25
gpretty

追加

pointer-events: none;

オーバーレイ上でクリックイベントを低くして通過させます。これはかなり最近のプロパティであるため、すべてのブラウザがそれを理解できるわけではありません。

https://developer.mozilla.org/en/css/pointer-events のポインタイベントに関する詳細情報

77

最善の方法は、通常、画像を細かく分割して、音楽プレーヤーに何も重ならないように配置することです。

2
Adam Crume

背景画像をdivに配置し、z-indexを使用してプレーヤーの後ろに配置します。 divに背景画像を配置してz-indexを使用する利点は、実際のインライン画像を使用するよりも高速になることです。

0

たぶん、z-indexを使用して、プレーヤーの下に画像を配置できます。詳細については、こちらをご覧ください: http://www.echoecho.com/csslayers.htm

0
Cheesebaron