Jump to content
Abutt

Godaddy web builder CSS and IE9 gradient issue

Recommended Posts

Hello, Before anyone slates me for using Godaddy web builder, please appreciate that i dont have a choice because it is not for my website. I want an answer to my question and not an inconclusive list of reasons why i shouldnt be using it. I hope thats ok :) I have been struggling with this all day and am hoping that someone can help. With Godaddy web builder i can edit the style sheet ONLY so i have this for the gradient background: body {height: 100%}{margin:0px; padding:0px; background:none !important;}body { background: -moz-linear-gradient(top, rgba(232,211,255,0.44) 32%, rgba(178,102,255,0.44) 67%, rgba(139,25,255,0.73) 92%, rgba(127,0,255,0.73) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,rgba(232,211,255,0.44)), color-stop(67%,rgba(178,102,255,0.44)), color-stop(92%,rgba(139,25,255,0.73)), color-stop(100%,rgba(127,0,255,0.73))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(232,211,255,0.44) 32%,rgba(178,102,255,0.44) 67%,rgba(139,25,255,0.73) 92%,rgba(127,0,255,0.73) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(232,211,255,0.44) 32%,rgba(178,102,255,0.44) 67%,rgba(139,25,255,0.73) 92%,rgba(127,0,255,0.73) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(232,211,255,0.44) 32%,rgba(178,102,255,0.44) 67%,rgba(139,25,255,0.73) 92%,rgba(127,0,255,0.73) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(232,211,255,0.44) 32%,rgba(178,102,255,0.44) 67%,rgba(139,25,255,0.73) 92%,rgba(127,0,255,0.73) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70e8d3ff', endColorstr='#ba7f00ff',GradientType=0 ); /* IE6-9 */ } ...Giving me a nice gradient in Firefox, Chrome and Safari. In IE9 i get a blue wash over the top of it. I think that it is something to do with pre existing template so you might need the whole stylesheet.... I have done my best to play within the constraints of the web builder but i am really struggling now. Does anyone have a fix through only the CSS that will allow it to display in IE9

Share this post


Link to post
Share on other sites

The styling for body is incorrect, so this maybe causing it to fail

body {height: 100%}{margin:0px; padding:0px; background:none !important;}

should be

body {height: 100%margin:0px; padding:0px; background:none !important;}

Share this post


Link to post
Share on other sites

Nope, it hasnt effected anything unfortunately. I added those lines in in an attempt to standardise it but it doesnt seem to be doing anything.

Edited by Abutt

Share this post


Link to post
Share on other sites

IE9 or earlier does not support gradient without this following sample: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ You can check out this gradient editor to help you get the correct code for your site.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...