Streaming live at 10am (PST)

HTML Object blocking clicks

I’ve got a sticky animated logo, which is an animated SVG I made in Keyshape. I implemented this as an HTML OBJECT. Now the client has requested that the logo be clickable. So I made the div a link object, but the problem is that the HTML OBJECT blocks the clicks and also hides the mouse cursor.

so I wrapped the HTML object in a SPAN and then added this class to the SPAN.

.overlay {
    background:none !important;

So the problem is that the code works, but because of pointer-events:none; my mouse cursor is disappearing instead of showing a pointer hand icon.

Can anyone think of a more elegant way of solving this?

Here is my site Read-Only: [
(how to share your site Read-Only link)

I’ve figured out an extremely simple solution, I just put an absolutely positioned div on top and make that a link block.

1 Like