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

Popular posts from this blog

Python SQLAlchemy:AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

java - How not to audit a join table and related entities using Hibernate Envers? -

mongodb - CakePHP paginator ignoring order, but only for certain values -