jquery - Resize background image problems on chrome -
IM is currently developing this site:
Its almost complete but im currently having some problems while changing the size of the 2 background image. This works perfectly on Firefox, but the second background in the chrome (text background) is not completely wrong in a wrong way, only By using CC, I recommend my CCC code to do this:
# fondo1 {background-image: url ("images / picture-background / background-INICIO.jpg"); Background-attachment: fixed; Background-position: top center; Repeat Background: No Repetition; Background size: cover; -MOZ-BACKGROUND-SHAPE: COVER; -WebKit-Background-Size: Cover; Status: Completed; Width: 100%; Height: 100%; } #handpoint {background-image: url ("image / INICIOOPO"); Background-attachment: fixed; Background-condition: center center; Repeat Background: No Repetition; Background-shaped: 50%; -moz-background-size: 50%; -WebKit-Background-Size: 50%; Status: Completed; Width: 100%; Height: 100%; } im using 50% due on the other part otherwise it would be kind of hella bigger. Im using btv parallax but as far as i know that it has all the effect.
The image on Chrome is:
Firefox on the image:
Any thoughts?
-webkit-background-size: 50%; Remove > in your .css and it should behave in both browsers only. Finally the class should look like this:
#handpoint {background-image: url ("images / INICIO.png"); Background-attachment: fixed; Background-condition: center center; Repeat Background: No Repetition; Background-shaped: 50%; -moz-background-size: 50%; Status: Completed; Width: 100%; Height: 100%; Top: 0; Left: 0; } Hope it helps!
Comments
Post a Comment