Solved

using ems for background image

Posted on 2012-04-10
1
173 Views
Last Modified: 2012-04-11
Hi,

Our CMS has the functionality to increase the size of text images etc. for accessability.
I need to set the height and width of images in the CSS and it works fine with the new stylesheet. If I don't or use px instead of ems then everything else increases in size but the element does not.

The problem is I want to set a background image and when I press the increase size button everything increases however the background image does not scale because I cannot set the background width and height in ems.

Any suggestions?

regards,
0
Comment
Question by:jecommera
1 Comment
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 37832219
Unfortunately, unless your using CSS3 and a compliant browser, your not going to be able to resize the background image via CSS.

Your best bet would be to use javascript or jquery to resize the background.  

http://css-tricks.com/how-to-resizeable-background-image/
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Button Css BootStrap 2 45
Not showing page correctly 3 40
Divi Them Help with Full Width header 20 59
Slider Moving to right hand side CSS? 2 22
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

808 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question