05-22-2013, 10:44 AM
|
|
|
Registered User
Industry Role:
Join Date: Mar 2013
Location: Montreal Canada
Posts: 54
|
Quote:
Originally Posted by Tent Pitcher
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. |
Now I'm terrified to change the css. I've done it 30x too many and well, you see what happened! lol Lemma try what you suggested and maybe I'll get lucky. Thanks for your help. |
|
|