The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Background Position with Negative Percentage

  • # December 7, 2011 at 10:36 pm

    I was doing a weird experiment (just fill out my spare time). Create an image transition effect with extra elements such as Nivo Slider. Each image consists of 10 pieces. My knowledge this will be more effective if the size of the width and the left value is converted to a percentage so that it becomes more responsive.

    The problem is, I can’t write a negative percentage in the background-position. Is there a technique to change the CSS background-position with negative percentages?

    like this:

    background-position: -10% 0px;


    # December 8, 2011 at 12:31 am

    This reply has been reported for inappropriate content.

    yeah that should move it 10 percent to the left. Not sure y that wouldn’t be working or what context your using it in exactly.

    try setting up a jsfiddle or tinkerbin to illustrate your problem.

    # December 8, 2011 at 1:28 am

    This reply has been reported for inappropriate content.

    No. I can’t do that. I get the failed results.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed