Solved

using ems for background image

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

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

744 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now