CODEWITHSUNDEEP
internet-explorer-8css
Blossom
Blossom

Reputation: 361

Issue regards border radius-IE8

I am using http://jquery.malsup.com/corner/, but it doesn't work for me in IE 8 (normal border also not displayed). Please help me recover from this issue.

$(document).ready(function(){
    $('.press_box').corner('round 15px');
});

Upvotes: 0

Views: 1723

Answers (3)

Heisenberg
Heisenberg

Reputation: 569

This is not has sense, forget it because it is only for render, not for capabilities:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

CSS3 Pie could be a solution but I prefer to use it with PIE.htc instead of PIE.js.

See this: Alternatives link.

But please, can you show more about your problem? How is your code? Otherwise we can´t help you.

Upvotes: 0

user2685803
user2685803

Reputation: 281

Try adding this <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

IE has issues with border radius, especially (for future reference) if you want a gradient. Worst case scenarios is to put a div around the object that has a border radius and setting overflow to hidden

Hope it helps

edit:<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

Upvotes: 1

Fred Wuerges
Fred Wuerges

Reputation: 1965

I suggest you to use CSS3 Pie.
Download it and inlcude javascript in your page with <!--[if lte IE 8]><script src="PIE.js"><script/><![endif]-->.
After, use this code to fix corners in older browsers:

// If IE <= 8
if (window.PIE) {
    PIE.attach('.press_box');
}

Upvotes: 0

Related Questions