So I’m trying to post an image roll over inside the box of a tab. But there’s a lot of effects going on and it seems the CSS is conflicting with each other. I thought about using jQuery for the tabs but I wanted to check if it were possible to use CSS for both the tabs and the image roll over. I think it’s the opacity is affecting the code. And I’ve tried everything I could think of to get them to work together.
Here’s my codepen.
Is it possible to use both?
I’ve added comments for both the Tabs and the Image Roll Over CSS. If you remove the Tabs’ CSS, the image roll over will show. Right now it’s not showing at all.