Hope someone can help me with this:
I’m working on a one page layout site with some keyframe animations and a couple of fixed background images that are overlayd when you scroll down.
Oddly (or not), i can’t manage for the background-attachment:fixed to work with keyframes animations:
If i remove the animation, the background-attachment works fine:
Any idea why this is happening?
Thanks in advance,
I’m not sure if i fully understand. Can you explain what your trying to achieve better? and maybe use codepen.
Yeah I’m with Jarolin, I don’t really get what your trying to accomplish with this or what you need us to help with. [This](http://css-tricks.com/how-to-ask-a-good-question-in-the-forums/ ) might help you out a little bit.
Well, i’m trying to overlay two images, using background-attachment: fixed, like on this example: http://askthecssguy.com/examples/fixedBackgroundImages/example01.html
The problem is that when i add a keyframe animation css on a div in the top, the background-attachemnt:fixed no longer works.
Like on this example: http://jsfiddle.net/fpuLR/2/
(the .mask class has the background-attachment:fixed and the .scaleAnimation has the keyframe animation).
On this example: http://jsfiddle.net/fpuLR/2/ you can see the background-attachment: fixed working (same code, but without keyframe animations).
Hope you understand…
I’ve solved the problem… It was a damn relative position!
Thanks anyway for your support
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed