Solved

using ems for background image

Posted on 2012-04-10
1
178 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Enroll in June's Course of the Month

June’s Course of the Month is now available! Experts Exchange’s Premium Members, Team Accounts, and Qualified Experts have access to a complimentary course each month as part of their membership—an extra way to sharpen your skills and increase training.

Question has a verified solution.

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

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

724 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