Replying to Css Background Not Showing Upin Ie

CSS background not working in IECss Background Not Showing Upin Ie
Not sure if someone had the same problem, but this was also my issue. I found out what the problem was in my case. Since my JPEG background was working fine in FF and Chrome, and not IE, I opened up again the image in Photoshop and found out that it was in CMYK mode. IE does not read CMYK so make sure your JPEG is in RGB mode.
Again, this was the problem in my case and now works fine in all browsers.
Cheers
-reply by Lukas

spacing makes a differenceCss Background Not Showing Upin Ie
Hello,
Some good troubleshooting going on in here.
Here is my solution:
background: url(images/optinBg.Jpg) left top no-repeat;
the 'left top' part needed a space before it or the background did not show.
IE8

Replying to GekkoI could not find a fix that worked so I just use jQuery to re-apply the background-image style on the body element. This fixed it for me:$(document).Ready(function() { // IE-7&8 fix: body background-image was not rendering, so set it again. $('body').Css('background-image', 'url(images/bg-image.Gif)');});

-reply by BumbleB2na

Problem is when using background like background-color: rgb(65, 104, 104);Background: url("../images/bg.Jpg") 50% 0px repeat;Just use background-color: rgb(65, 104, 104);Background-image: url("../images/bg.Jpg");Background-position: 50% 0px;Background-repeat: repeat;

-reply by htmlsucks

td.Asb1_off{background:transparent url(../images/buttons/wl/big/WL01DB_Off.Jpg) no-repeat;}Td.Asb1_over{background-image:url(../images/buttons/wl/big/hover.Jpg),url(../images/buttons/wl/big/WL01DB_Off.Jpg);background-position:0px 148px, 0px 0px;background-repeat:no-repeat, no-repeat;width:149px;height:auto;cursor:pointer;}

I also saved my JPG as a GIF, and it worked in IE 8, regardless of compatibility mode (or or off). 

Not sure if someone had the same problem, but this was also my issue. I found out what the problem was in my case. Since my JPEG background was working fine in FF and Chrome, and not IE, I opened up again the image in Photoshop and found out that it was in CMYK mode. IE does not read CMYK so make sure your JPEG is in RGB mode. 

 Again, this was the problem in my case and now works fine in all browsers.

Cheers

This is my code.Hgope some 1 can help me out!.Left_bar-s{float:left;width:180px;height:auto; background-image:url(/images_mht/orange_02.Gif);background-repeat: repeat-y; padding:1px;}.Header1-s{width:20px; height:30px;float:left; background-image:url(/images_mht/orange_01_01.Gif);}.Header2-s{width:140px; height:30px;float:left; background-image:url(/images_mht/orange_01_02.Gif);}.Header3-s{width:20px; height:30px;float:left; background-image:url(/images_mht/orange_01_03.Gif);}.Header-s{float:left; width:180px; height:auto}.Header2-content-s{float:left;width:149px;height:29px;text-align:center; padding-top:10px; font-size:9px; color:#FF6600;}.Bottom-s{float:left; width:180px; background-image:url(/images_mht/orange_04.Gif);height:15px;}.City-s ul {list-style-image: url(/images/bullet-arrow.Gif);margin-top: 3px; margin-bottom: 3px;}.City-s a {color:#FFFFFF/*#0066CC*/;font-size:11px;font-weight: bold;text-decoration:none;}.City-s a:hover {color:#006666;text-decoration:none;}

-question by susan

Hello,

Some good troubleshooting going on in here.

Here is my solution:

  background: url(images/optinBg.Jpg) left top no-repeat;

the 'left top' part needed a space before it or the background did not show.

IE8

Hi,

Background images and the images are not appearing, While the background image doesn't appear in the Chrome, all the images are not appearing the Firefox, but everything works under IE.

I had removed the utf-8 code, now the IE doesn't support.

Kindly help me in this regard.

Sugumar