Jump to content


Photo
- - - - -

IE10 not displaying footer


Best Answer James B , 20 June 2013 - 09:58 PM

Hi Sheila

 

It looks like the background has been applied to the footer using css.

 

background-image-moz-linear-gradient(center top , rgba(118, 122, 5, 0.8), rgba(118, 122, 5, 0.9));

 

Different browsers will use different css for the background gradients. For the full browser specific code see below, tailor to fit your gradient. 

 

background-image: -moz-linear-gradient(top,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.9));

background-image: -ms-linear-gradient(top,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.9));

background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(0, 0, 0, 0.8)),to(rgba(0, 0, 0, 0.9)));

background-image: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.9));

background-image: -o-linear-gradient(top,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.9));

background-image: linear-gradient(top,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.9));

background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’rgba(0,0,0,0.8)’, endColorstr=’rgba(0,0,0,0.9)’, GradientType=0);

border-top: 1px solid rgba(0, 0, 0, 0.9);

filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=’#444444′,EndColorStr=’#222222′);

}

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 sheilahoff

sheilahoff

    Advocate

  • Members

  • 466 posts
  • LocationSeattle
  • Framework Version:DMS
  • Country: Country Flag

Posted 20 June 2013 - 07:54 PM

On this dev site

Please Login or Register to see this Hidden Content

 the background color for the footer is not displaying in IE10 (I haven't checked older IE). I imagine there's some special IE code needed but I don't know how to discover that. Any direction greatly appreciated. Thanks.



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 20 June 2013 - 09:58 PM   Best Answer

Hi Sheila

 

It looks like the background has been applied to the footer using css.

 

background-image-moz-linear-gradient(center top , rgba(118, 122, 5, 0.8), rgba(118, 122, 5, 0.9));

 

Different browsers will use different css for the background gradients. For the full browser specific code see below, tailor to fit your gradient. 

 

background-image: -moz-linear-gradient(top,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.9));

background-image: -ms-linear-gradient(top,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.9));

background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(0, 0, 0, 0.8)),to(rgba(0, 0, 0, 0.9)));

background-image: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.9));

background-image: -o-linear-gradient(top,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.9));

background-image: linear-gradient(top,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.9));

background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’rgba(0,0,0,0.8)’, endColorstr=’rgba(0,0,0,0.9)’, GradientType=0);

border-top: 1px solid rgba(0, 0, 0, 0.9);

filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=’#444444′,EndColorStr=’#222222′);

}


  • batman likes this

#3 batman

batman

    Bat Learning

  • Members

  • 2167 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 20 June 2013 - 10:09 PM

HI @

Please Login or Register to see this Hidden Content

Thanks, I take note

wpml_mail.gif



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 20 June 2013 - 10:39 PM

:thumbsu:



#5 sheilahoff

sheilahoff

    Advocate

  • Members

  • 466 posts
  • LocationSeattle
  • Framework Version:DMS
  • Country: Country Flag

Posted 20 June 2013 - 10:47 PM

Meanwhile...I didn't even NEED a gradient there so the best solution was to simply make it a solid color. And I can even add a transparency and it still works in all browsers. Not sure how I ended up with a gradient code in there. No matter. I'll save this link for future reference. Thanks.



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 June 2013 - 11:30 AM

No problem.