IE8 PIE.htc: Add html5shiv.js to destroy the rounded corners again

Well, everything can be run in any other browser, not IE8. I connected pie.htc to fix the rounded corners of IE8. Everything is normal. Then I found IE8 There are some problems with html5. This is why I use html5shiv.js. Everything is fine now, but some rounded corners become squared again. It only happens within one div.

All The remaining rounded corners still look good in IE8. Use pie.htc html5shiv.js. I mean html5shiv.js did not break.

I tried to solve the corner problem, but no luck:< br>I moved.

Before the css is loaded.
Also, I put! The important thing is to determine the
.superclass {
behavior: url(/PIE.htc);
! Position: Relatively important;
}
Used to repair the IE8 rounded corners of the superclass.

In addition, I tried to add with most combinations of the following 3 strings:

< p>

z-index: 1;
*position:relative!important;
*z-index: 1;

But nothing helps.< br>What else can be done? Once I delete

The corners are rounded again.
Any ideas?
Thank you.

Use conditional comments and HTML/CSS solution to create rounded corners:








CONTENTS GOES HERE






References:

> Rounded Corners Using CSS and No Images
> Chunky Borders

Well, everything can be run in any other browser, not IE8. I connected pie.htc to fix the IE8 rounded corner problem. Everything is ok. Then I found some problems with IE8’s html5. This is what I use The reason for html5shiv.js. Everything is fine now, but some rounded corners become squared again. It only happens within one div.

All the remaining rounded corners still look like in IE8 Very good use pie.htc html5shiv.js. I mean html5shiv.js did not break.

I tried to solve the problem in this corner, but no luck:
I moved

< p>

Before the css is loaded.
In addition, I put it! The important thing is to determine the
.superclass {
behavior: url(/PIE.htc);
! Position: Relatively important;
}
Used to repair the IE8 rounded corners of the superclass.

In addition, I tried to add with most combinations of the following 3 strings:

< p>

z-index: 1;
*position:relative!important;
*z-index: 1;

But nothing helps.< br>What else can be done? Once I delete

The corners are rounded again.
Any ideas?
Thank you.

Use conditional comments and HTML/CSS solution to create rounded corners:

< pre>







CONTENTS GOES HERE



< b class="r2">


References:

> Rounded Corners Using CSS and No Images
> Chunky Borders

Leave a Comment

Your email address will not be published.