CODEWITHSUNDEEP
htmlinternet-explorerbuttoncss
potter_tom
potter_tom

Reputation: 19

IE css button outside border

My button works in all other browsers except IE. I thought the 'border-radius' was suppose to work for IE?

Screenshot of button that isn't styled correctly

.simpleHelp {
  border-top: 1px solid #ffffff;
  background: #910330;
  background: -webkit-gradient(linear, left top, left bottom, from(#790228), 
  to(#910330));
  background: -webkit-linear-gradient(top, #790228, #910330);
  background: -moz-linear-gradient(top, #790228, #910330);
  background: -ms-linear-gradient(top, #790228, #910330);
  background: -o-linear-gradient(top, #790228, #910330);
  padding: 10.5px 21px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #ffffff;
  font-size: 17px;
  font-family: Georgia, Serif;
  text-decoration: none;
  vertical-align: middle;
 }

Upvotes: 0

Views: 256

Answers (2)

Shauna
Shauna

Reputation: 9596

Border-radius (and, in fact, any CSS3) only works on IE9+, however, you can "retrofit" CSS3 stuff onto older versions of IE9 with a fun little library called CSS3PIE. If you really need borders and shadows in IE, then CSS3PIE is the way to go. However, letting older browsers gracefully degrade is okay to do, too.

Upvotes: 1

Billy Moat
Billy Moat

Reputation: 21050

I'm afraid that border-radius only works in IE9 and up.

http://www.findmebyip.com/litmus/

Upvotes: 0

Related Questions