div con bg stondato che è area cliccabile

[Mr.Bloom]

salve,

vorrei fare un div con dentro un rettangolo con gli angoli stondati
come background-image, poi vorrei far si che cliccando sul div, cioè sul rettangolo,
si venga reindirizzati ad un altra pagina, cosa che potrei fare con
onclick="window.location.href='pagina.html' nel tag div.

cosi però si crea un problema: cliccando sugli angolini del div, che non sono coperti dall'
immagine si verra comunque reindirizzati alla pagina, cosa che vorrei evitare.
come posso fare? devo per forza evitare di usare l'immagine come background e devo
avvalermi per forza del tag img?

grazie

Mr.Bloom

[fcaldera]

Premesso che rendere cliccabile un div non è una soluzione accessibile, a questo punto potresti crearti 4 immagini che vadano a coprire esattamente le parti non cliccabili dei 4 angoli (ovvero la parte concava dell'angolo)

Gli associ uno stile che le posizioni in modo assoluto con z-index elevato e nel caso fai cambiare il cursore (cursor: default

Ciauz