Issue with -webkit-transform: #111

Closed
FrankM1 opened this Issue Jun 7, 2012 · 4 comments

Comments

Projects
None yet
2 participants
@FrankM1

FrankM1 commented Jun 7, 2012

I've just noticed that the background image doesn't stretch when you have his defined in css.

body {
-webkit-transform: translateZ(0);
}

@srobbin

This comment has been minimized.

Show comment Hide comment
@srobbin

srobbin Jun 7, 2012

Owner

Isn't that the old joke?

Patient: Doctor, it hurts when I do this.
Doctor: Then don't do that.

I'm not sure why transform would override Backstretch working, but if you provide a link to a page where you have this setup, I'll take a look.

Owner

srobbin commented Jun 7, 2012

Isn't that the old joke?

Patient: Doctor, it hurts when I do this.
Doctor: Then don't do that.

I'm not sure why transform would override Backstretch working, but if you provide a link to a page where you have this setup, I'll take a look.

@FrankM1

This comment has been minimized.

Show comment Hide comment
@FrankM1

FrankM1 Jun 7, 2012

Thank for the quick response :)

I added that to fix another issue I was having with some css3 animations and noticed that it was affecting backstrech, thought I would mention it. Am try to work on a fix for the css3 animations. The project isn't public yet so I don't have a link.

Thanks again.

FrankM1 commented Jun 7, 2012

Thank for the quick response :)

I added that to fix another issue I was having with some css3 animations and noticed that it was affecting backstrech, thought I would mention it. Am try to work on a fix for the css3 animations. The project isn't public yet so I don't have a link.

Thanks again.

@srobbin

This comment has been minimized.

Show comment Hide comment
@srobbin

srobbin Jun 7, 2012

Owner

It might work to put the translateZ on an element that wraps everything within the body, instead of the body itself. e.g.:

.wrap { -webkit-transform: translateZ(0); }
<body>
  <div class="wrap">
    .. all of the other elements...
  </div>
</body>
Owner

srobbin commented Jun 7, 2012

It might work to put the translateZ on an element that wraps everything within the body, instead of the body itself. e.g.:

.wrap { -webkit-transform: translateZ(0); }
<body>
  <div class="wrap">
    .. all of the other elements...
  </div>
</body>
@FrankM1

This comment has been minimized.

Show comment Hide comment
@FrankM1

FrankM1 Jun 7, 2012

Thanks for this suggestion. I will give it a shot and see how it goes.

FrankM1 commented Jun 7, 2012

Thanks for this suggestion. I will give it a shot and see how it goes.

@srobbin srobbin closed this Dec 17, 2012

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment