Solved

using ems for background image

Posted on 2012-04-10
1
176 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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
How to put a "check" next to active checkboxes. 5 35
How can I make my tabs look like this? 1 48
Flex Messes  With Horizontal Positioning 2 34
Make Float not to Wrap 15 64
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 demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

738 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