background-image

background-image in div – Google indexing?

I've a list of empty divs and dynamically inserting a background image – so at first, their background-image: url(); property is completely empty. With some event, it's background-image url loads into the previously empty background-image: url(); tag. The url of the appearing background-image is temporarily stored in the "alt" tag of the...

CSS Background Image Problem with IE7 and IE8: Gradient is a Solid Color?

I have the following design that I am trying to slice and code: http://www.astigmaproductions.com/ap.jpg After slapping some content together to get the layout to work, I checked it in Firefox, Chrome, IE6, IE7, and IE8. I didn't see any issues with the layout, but I noticed that IE7 and IE8 take a graident background image and show it...

sIFR: page refresh causes background images problems in IE8

I'm using sIFR 3 r436. When a page is reloaded, and often also on load, in IE8 the background image does'nt appear completely. When clicking on an intern link the background is displayed correctly. Google Chrome has also minor problems in displaying. This is the test document: http://testserver.simplexontwerp.nl/sifr/ I have been test...

Setting a background image in a div, position options

I know how to set a background in a div like: background: url(/images/image.gif) no-repeat top right; Sometimes I need more fine grained control, other than say top, center or bottom. I have seen people using 'em' in the position section, what is that doing? ...

My background does not appear

Hi, For some reason the background does not appear. This is the CSS div.sidebar_beige { background: no-repeat left top; height: 142px; margin: 35px 0 35px 0; position: relative;} div.sidebar_beige h3 { color: #f57f20; font-family: 'trebuchet ms'; font-size: 17px; left: 15px; margin: 0px; padding: 0px; posi...

How can I make a customized background-image for a <div> in the <head> based on variable passed from URL?

I am trying to allow very primitive customization based on being able to pass a variable through the URL. For example, if they come to my site through the following: http://my.stackexchange.com?c=alpha I would be able to display an image, either as an tag or as a background-image, whatever is feasiable, called image-a.png But if they ...

Java JFrame pack() issue

Hi guys I am attempting to overlay images on top of a background image using the standard java utilities. See the pictures below... I have code that seems to create the background image (can you verify that it really works?) And I have created an extension of JPanel that I use to display images (the class is called ImagePanel) However...

background image is appearing on top of foreground image in Opera and Chrome

I've a tiny span with a background image. This background image scrolls below foreground image. While this works perfectly in IE and FF, it doesn't work in Opera and chrome. I've put my example here. PLease see the block with 4 small rectangles. PLease suggest solution. ...

CSS Background-Image Path Issues

Hi, In amongst my CSS I have the following: #framecontentTop{ position: absolute; top: 0; left: 120px; right: 0; height: 100px; overflow: hidden; background-image: url(/Users/myname/Website Project/logo.jpg); color: white; } Where the path to the image I want to use as the background-image is /Users/myname/Website Project/logo.jpg Ho...

Background image is longer than the enclosing div

On a customer website, I have to add a background image for only a contained region of the page (its real content part). The problem is, if the content is short enough, then the image will be clipped. How would be possible to have the image completely visible? I have tried to add the "overflow" CSS attribute but unfortunately it did not...

How is this image effect created?

Hi! I have looked at this page for some time now. Amazing, really. But I can't tell how the background image effect that happens on scroll works. Have gone through the code found that they are using Jquery plus a number of scrolling plugins, but nothing about the images that I can see. How would you say that it's done? The site: http...

Drupal Background Image as Block or Node

Hi There. I am having trouble wrapping my head around how to make editable background images in my custom Drupal 6 theme. My client wants to use a different background image on each main section on his website (with multiple content types: page, blog, image gallery), and to keep everything dynamic, I want the background images to be edi...

Floated image with variable width and heading with background image

I have the following code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <title>Test</title> <style type="text/css"> body {font-family:Arial, Helvetica, sans-serif;font-size:12px;}...

CSS - Opacity of header against image

Say I have the following in my CSS: h1 { font-family: Verdana; font-size: 20pt; color: Black; z-index: 2; opacity: 1.0; } #topFrame { position: fixed; top: 0; left: 20%; right: 20%; height: 120px; overflow: hidden; border: 1px solid black; background-image: url(dunno.jpg); text-align: center; vertical-alig...

Is there anyway to fade between background images in jQuery?

So I have an interesting image setup and I was wondering if it's possible to fade between two background images. I would assume if there was one, it'd be with multiple background images and opacities... hmm! ...

Jquery IE6 hover problems, keeps loading background image.

Hi, Take a look at this page: http://pearl.tinderfields.com/ In IE6 the menu's background image loads every time the user hovers over a menu item, which is obviously making a very rubbish looking menu. Is there any special reason as to why IE6 would re-load the image on every hover? ...

How do I repeat part of an image using background-position and CSS sprites?

I would like to create some buttons with dynamic width using CSS sprites and background-position but I'm not sure if what I want is possible.. I would like the button to have a left-side, middle, and right-side, with the middle repeating as required. Ideally I would like this to be made up of one image of 11px wide so the left and righ...

Is it possible to combine a background image and CSS3 gradients?

I want to use CSS3 gradients for my color and then apply a background-image to apply some sort of light transparent texture. Is this possible? ...

My button background seems stretched.

Hi, I have a button as made for you to see here. Looks fine,right? Well on the live site, euroworker.no/shipping and /selectAddress it seems stretched. Renders fine in Chrome, IE and Safari, I thought it might have been a FF issue, but loaded the fiddle into FF and seems fine. Quick ref CSS and html: #fortsett_btn { background-im...

Flash Builder AIR Project Background Image

I'm very new to Flash Builder and am trying to create an AIR app with a custom background. How can I put a background image in my project? I've tried just placing the image in the design view but it never shows up when I run the project. ...