2 Replies - 620 Views - Last Post: 05 February 2017 - 11:53 PM

#1 [email protected]   User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 58
  • Joined: 23-March 11

Problem displaying a radial gradient in IE11 and Firefox 32

Posted 25 January 2017 - 07:40 AM

I am having problems displaying a radial gradient in IE11 and Firefox 32

background: -webkit-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);

background: -ms-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -ms-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -ms-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);

background-size: 10px 10px, 10px 10px, 100% 100%;
background-repeat: repeat, repeat, no-repeat;
background-position: 1px 1px, 0px 0px, center center;
position:relative;




The code works fine in the newer versions of IE Chrome ETC

This post has been edited by [email protected]: 25 January 2017 - 07:44 AM


Is This A Good Question/Topic? 0
  • +

Replies To: Problem displaying a radial gradient in IE11 and Firefox 32

#2 andrewsw   User is offline

  • Entwickler
  • member icon

Reputation: 6604
  • View blog
  • Posts: 26,911
  • Joined: 12-December 12

Re: Problem displaying a radial gradient in IE11 and Firefox 32

Posted 25 January 2017 - 07:53 AM

What do your browser developer tools indicate? Which settings are crossed out per browser?
Was This Post Helpful? 0
  • +
  • -

#3 gregwhitworth   User is offline

  • Tired.
  • member icon

Reputation: 221
  • View blog
  • Posts: 1,613
  • Joined: 20-January 09

Re: Problem displaying a radial gradient in IE11 and Firefox 32

Posted 05 February 2017 - 11:53 PM

The fact it isn't working in FF makes a lot of sense, because you're not including a standard version of the radial-gradient() function: https://developer.mo...radial-gradient

Additionally, I'm seeing it render just fine in IE11.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1