Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by mwengwe chitambo
mwengwe chitambo
73 Points

I created a link inside a div positioned absolute but the link is not clickable even though have specified the href

I created a link inside a div positioned absolute but the link is not clickable even though have specified the href and target. when i hover its not showing a cursor for a link. any ideas on how I can fix this please?

mwengwe chitambo
mwengwe chitambo
73 Points

https://codepen.io/goodman1/pen/xxKVvRL its the link in the section (dont mind the navigation)

2 Answers

Jeff Muday
MOD
Jeff Muday
Treehouse Moderator 28,720 Points
Jeff Muday
Jeff Muday
Treehouse Moderator 28,720 Points

CSS is not my strong suit, but I did some sleuthing and found that the problem is located in the class definition of "section". The z-index that is applied will block the "click-ability" of the link.

To fix this...

In the CSS file, locate the definition of the class selector "section" and remove the z-index specification.

"z-index:-1;"

Save, reload and it will be working again.

Good luck with CSS,

JM

mwengwe chitambo
mwengwe chitambo
73 Points

that actually worked thank you very much.

mwengwe chitambo
mwengwe chitambo
73 Points

thank you.just tried that, still no difference though