1

I've created this fiddle. I'm sure you'll see my problem.

jsfiddle.net/vnbS3/

The box that pops up decides that it will not do the same on mouseout. I have tried a lot of things, and i don't think it is because of the z-index.

I think it is due to the transition on the .background, as i had to put a transition-delay to stop it messing up. However, the delay will not work on mouseout.

Improve this question
5
  • Read my answer on another question. It covers the same case Commented Aug 25, 2013 at 22:28
  • I've read it, but i don't think the same applies. If you could replicate it in a fiddle, that would be awesome. Commented Aug 25, 2013 at 23:38
  • 1
    First - please post relevant code here and don't get around the rules with the non-live link. Second - don't be sure that others will see what the problem is - *DESCRIBE your problem so that others can understand what you are expecting and what is going wrong. That also helps others searching for similar problems find this post and any answers it might have. Commented Aug 26, 2013 at 2:09
  • Perhaps this post will help: Webkit not respecting overflow:hidden with border radius Commented Aug 26, 2013 at 2:46
  • Unfortunately, it's not helped. Commented Aug 27, 2013 at 18:04

2 Answers 2

Reset to default
0

get rid of your ease transition in background it's causing it to have that weird popup delay.

fiddle: http://jsfiddle.net/vnbS3/3/

.background { position: absolute; z-index: 1; width:100%; height:100%; border-radius: 999px; overflow: hidden; }
Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

I need the transition, as it moves my background image.
0

Simply add an !important tag to the your .background div's overflow:hidden attribute

Here

http://jsfiddle.net/vnbS3/4/

Improve this answer

3 Comments

This doesn't work. You have added !important AFTER the semi-colon, making the next line not work. This is the line that makes the background rotate.
My bad! It's 4.00 in the morning! Anyways, if you're dead on with the transition, you will have to utilize a sibling selection - move the transitions away to a seperate subdiv and use a sibling selector to animate the hover takes place.
I don't understand what you mean, sorry.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.