dynamically adding a background image to div

Question

2.00/5 (1 vote)

See more:

Hi
i'm looking for a background image to my div at center. As my div get the content dynamically so it leads to n number of pages. so i like to have a background image to every page until the div tag get closed.
i add a div tag to my html page

HTML

    <div id="abc" style="background-image:url('abc.png');background-repeat:no-repeat;background-removed:50% 30%;">

dynamic content loads here.... 
</div>

i am able to get a background image for single page only im unable to get the background image to the remaining pages .is there any jquery code to get background images to every page at centre.

Posted 21-May-15 20:39pm

Anil Kumar Ch

Updated 7-Jun-15 21:59pm

v8

Add a Solution

Comments

FrostedSyntax 22-May-15 19:33pm

What is "background-image:removed(...)" as well as "background-removed: ..."

I have never seen these property names before and wonder what their purpose is. Pardon me if it is a well known property.

Anil Kumar Ch 8-Jun-15 3:59am

Sorry for that Can u check it now.

2 solutions

Solution 2

have you tried something like:

JavaScript

$('div').css({'background-image': 'url(abc.png)', 'background-repeat': 'none'});

Posted 8-Jun-15 4:30am

FrostedSyntax

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

KansChweety · Accepted Answer · 2015-06-07T23:19:00

You can make your div image as transparent and set as your background screen.

html,body {
margin:0;
padding:0;
height:100%;
width:100%;
background: url(model.png);
background-size: 100%;
}
#full-screen
{ height:100%;
width:100%;
overflow:auto;
background:#FF2400;
opacity:0.2;
}