Quote:
Originally Posted by amanda36c
I just don't understand, for the life of me, why the images are showing up fine in Chrome but not in IE.
I want to make my site browser-friendly (and yes, unfortunately, that means IE-friendly as well). So, can anyone have a look and tell me how to get IE to display the images, loike Chrome is doing. This tells me it's not the path that is the problem. What is, then?
Layman's terms, please. I'm really super new to css.
Thanks for any help. 
camgirlclubs.com/CamGirl%20Clubs/index.html |
You seem to have some conflicting directives in your CSS, one of which is likely confusing IE (it isn't hard to do). I see what you are trying to do with the background image here:
Code:
background-clip: border-box, border-box, border-box;
background-color: #FFFDEA;
background-image: url("images/img01.jpg"), url("images/bg98.png"), none;
background-origin: padding-box, padding-box, padding-box;
background-position: 0 0%, 0 0%, 0 0;
background-repeat: repeat-x, no-repeat, repeat;
background-size: auto auto, cover;
But this is the way I would do it (and I am using exactly this on some sites that work across all browsers):
Code:
background-image: url("images/img01.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
Several of your directives specify multiple definitions (like background-image: url("images/img01.jpg"), url("images/bg98.png"), none;)...that is CSS3 which is not fully supported or supported at all depending on the browser that you are using.