Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

using ems for background image

Posted on 2012-04-10
1
Medium Priority
?
187 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 2000 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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Suggested Courses

609 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