Cliccando attraverso un trasparente .png

Question

Prima di tutto, vorrei dire che myspace è un dolore. Ma i musicisti lo adorano, e posso fare un po 'di soldi facendo dei layout per loro. Ho sovrapposto uno strato di .png all'aspetto originale di myspace, ma ho bisogno di utilizzare il lettore musicale myspace. Così, ho creato una cornice che circonda il lettore myspace che ha un centro trasparente in modo da poter vedere il player di myspace. sfortunatamente, il giocatore non ha tutte le funzionalità. Sembra che risponda correttamente quando passo il mouse, ma non quando clicco. Qualcuno sa come risolvere questo problema?

Si può vedere di cosa sto parlando qui: myspace.com/gprettydesigns

Answer 1

il modo migliore sarebbe generalmente per tagliare l'immagine in alto a pezzi e metterli in modo che nulla si sovrappone il lettore musicale.

Answer 2

Forse si potrebbe usare z-index per posizionare l'immagine al di sotto del giocatore, più su questo qui: http://www.echoecho.com/csslayers.htm

Answer 3

Clap clap clap a voi! Ho fatto su MySpace tweaking e so che è un vero PITA.

Modificare il CSS qui:

#shell { 
    visibility:hidden; 
    z-index:200; 
} 

non mi ricordo se questo è fattibile o se si accettano solo CSS in linea.

Non proprio in discussione, ma ora puoi anche avere delle pagine su Facebook tramite RootMusic. MySpace sarà probabilmente invaso in un attimo, quindi darei anche loro un'occhiata.

Buona fortuna per i tavoli spaghetti di MySpace.

Answer 4

aggiungere

pointer-events: none; 

sulla sovrapposizione di alow cliccare eventi di passare attraverso di essa. È una proprietà abbastanza recente, quindi non tutti i browser potrebbero capirlo.

Maggiori informazioni sul puntatore-eventi in https://developer.mozilla.org/en/css/pointer-events

Answer 5

mettere l'immagine di sfondo su un div quindi utilizzare z-index per posizionarlo dietro il giocatore. Il vantaggio di mettere un'immagine di sfondo su un div e usando z-index è che sarà più veloce rispetto all'utilizzo di un'immagine in linea reale.