CODEWITHSUNDEEP
htmlcsshover
Sachidananda Panigrahi
Sachidananda Panigrahi

Reputation: 101

Show button on hover of parent and hide it on hover of sibling using only CSS

I apologize in advance if this might be a re-post, I searched a bit for showing div on :hover of parent.

None of them helped me.

However I have bit different scenario. If there is any other question with same scenario please share the link of the same.

What I want is to show a button on :hover of .image-wrapper and hide it on :hover of its share text.

Here is the code what I have done so far.

Here is the js solution, but I am looking for CSS solution.

It should be working on IE8 too. So + selector will also not work. Is is possible using only CSS?

Upvotes: 1

Views: 233

Answers (1)

Tushar
Tushar

Reputation: 4418

Yes it can be done only with CSS.

What you need to do is get both the siblings in one div (e.g .innerWrap) and hide the button on hover of .innerWrap.

Here is the demo for it.

Upvotes: 1

Related Questions