CODEWITHSUNDEEP
cssinternet-explorer-8internet-explorer-9internet-explorer-7
devmonster
devmonster

Reputation: 1739

How to adapt css3 to IE7, 8 and 9?

How to adapt css3 to IE7, 8 and 9?

This is my page.

I am using buttons there, I want to make rounded corners (basic, no?) so I have used this css

body .main_title {
  font-size: 16px;
  padding: 0.3em 1.5em;
  display: inline-block;
  cursor: pointer;
  line-height: 1.5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #222222;
  color: white;
  behavior: url(PIE.htc);
}

and the button is

<button type="submit" id="1" class="main_title">מאפיינים</button>

as you noticed, I also used an "extention" called css3pie to make it work but nothing!!

Any suggestion?

Upvotes: 0

Views: 119

Answers (3)

Quentin
Quentin

Reputation: 944480

any suggestion?

Sit back. Relax. Don't worry about minor cosmetic details in old browsers with falling marketshare.

Upvotes: 3

Paul
Paul

Reputation: 1825

I think you can probably use jquery for this http://jquery.malsup.com/corner/ in your javascript.

Anything from IE9 onwards will be ok with this in the css

border-radius:10px

http://caniuse.com/#search=border-radius

Upvotes: 0

Nix
Nix

Reputation: 6028

CSS3 pie is kind of buggy. Try putting a position:relative; on it. Also make sure that's the correct path to PIE.htc — if I remember correctly, it may help to link to it absolutely.

Upvotes: 0

Related Questions