/    Sign up×
Community /Pin to ProfileBookmark

Repeating background question.

so , I want to have 2 different background images, I want the first one to stop repeating when it reaches the middle of the page , then from the middle i want the other picture to start repeat. so my question is, can i limit the x-repeat to a certain point?

to post a comment
HTML

1 Comments(s)

Copy linkTweet thisAlerts:
@aj_nscJun 10.2010 — Nope. You can, however, achieve the effect, you just need to find an alternate method.

One option would be to create a div that is 50% the height of the page, positioned absolutely top:0; and left:0; (so that it doesn't get in the way of any other elements on your page). Then give it a height of halfway down your page.

Apply your first background image to this div, and your second background image to your body. No doubt you'll have to play with heights and background positioning to achieve the effect properly, but it's a good solution to your problem.
×

Success!

Help @Dmaxon spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.3,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...