background-image

I would like to scale up and down a background image in my page. I've tried multiple things but nothing quite seems to work the way I want. :( The url of my page is http://quaaoutlodge.com/drupal-7.14/ and for each link, there's a different background image. I know the size and quality of the images will need to be optimized but I first want to figure out the techincal part of it. If someone please coudl assist in getting this going? Thank you very much! Ron Same background image on every page If you want a background-image that resizes and fills the entire window space, no matter what the

I have a button image I'm using as a background image for some links. The background image has rounded corners. I want to use a css drop shadow instead of putting the drop shadow in the image The problem is, the drop shadow appears to be drawn around the element. Although I kind of expected to see the drop shadow color through the transparent parts of the background image, I'm seeing the background color instead ( see this jsfiddle ). My actual goal is a little more complex, but if I can satify my first three bullet points then I can nail this task. Specifically, what I want to do is use two

is it possible to load an image via the HTML 5 File API and make it a css background-image using javascript / jquery? If it's possible, how is it done? dronus gave me a great answer to this question by posting this link in the comment section: sveinbjorn.org/dataurls_css You simple have to do the following to use the image data for a css background image: This will save the src data of your image after you create a new and fill and fill it with data using the FileReader() var imgFileData = $('#image').attr('src') Now you simply have to take this var and set it as the background-image url $('

I had problems with backgrounds not showing in most E-Mail clients such as GMail or Yahoo Mail but I found this thread and problem solved by replacing (although I lost some properties like background-repeat and position) <table style="background: url('bg.png');"> to <table background="bg.png"> . But now I'm facing the same problem in Hotmail and none of the above form of codes seems to work. This page is the reference of answers to most similar questions in stackoverflow, and it says that Outlook.com (new hotmail) does not support css background and I should use background attribute instead,

I've read the "What's new in iOS 5" documentation and there it is stated, that changing the background of some UI-Elements is now better supported. I couldn't find the correct way for iOS 5 to change the background image of an UIToolbar. Is there a special new iOS 5 way of doing this? Or do i still have to subclass the UIToolbar? Yes, there is a new way to do this. You can use appearance to make all UIToolBar s have the same appearance. First, you have to make sure your class follows the UIAppearanceContainer protocol. Here I have done it in my app delegate: @interface AppDelegate :

I'm using Spring MVC and the Thymeleaf view engine. I have an external style.css file with the CSS for my page. In the CSS file, I want to refer to a relative image URL. This is my style.css file: .background { width: 100%; background-image: url('/path/to/image/bg.png'); } The above tries to access an image with the following URL, which doesn't exist: http://localhost/path/to/image/bg.png My real image is at: http://localhost/myapp/path/to/image/bg.png This StackOverflow question gives the answer to my question for inline CSS: How to set background url for css files in thymeleaf? But how do I