1 reply [Last post]
bigdog61
bigdog61's picture
Offline
newbie
Winston-Salem NC
Last seen: 6 years 42 weeks ago
Winston-Salem NC
Timezone: GMT-5
Joined: 2013-06-27
Posts: 3
Points: 5

I'm working on a WP site for a client who wants a REALLY complex bg image, so I've resorted to some CSS kludges to get it to work. It looks fine in Firefox, Chrome, and Safari, but falls apart in IE8. Here's the URL: http://winstonwebworks.com/petstemp/ I know some versions of IE handle bg images wierdly, but I'm stuck on this one. Any help would be great.

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 12 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

Are you using multiple

Are you using multiple background image and are these on a seperate URL?
Or did you only used one background image and are the images hosted on the same hosting?

Try something like this:

#myElement {
    behavior: url(<a href="http://path/to/pie/PIE.htc" title="http://path/to/pie/PIE.htc">http://path/to/pie/PIE.htc</a>);
    background: url(bg-image.png) no-repeat #CCC; /*non-CSS3 browsers will use this*/
    background: url(bg-image.png) no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#CCC) to(#EEE)); /*old webkit*/
    background: url(bg-image.png) no-repeat, -webkit-linear-gradient(#CCC, #EEE); /*new webkit*/
    background: url(bg-image.png) no-repeat, -moz-linear-gradient(#CCC, #EEE); /*gecko*/
    background: url(bg-image.png) no-repeat, -ms-linear-gradient(#CCC, #EEE); /*IE10 preview*/
    background: url(bg-image.png) no-repeat, -o-linear-gradient(#CCC, #EEE); /*opera 11.10+*/
    background: url(bg-image.png) no-repeat, linear-gradient(#CCC, #EEE); /*future CSS3 browsers*/
    -pie-background: url(bg-image.png) no-repeat, linear-gradient(#CCC, #EEE); /*PIE*/
}

This is just an example, can you post your coding, or atleast a working website?
Thanks

Check Maximum Webdesign for your online solutions