IE rounded corners

HTML & CSS
1

Hi again,

I create a divs with rounded corner
looking great in Chrome FF and friends… (loading fast and smart way)

But in IE7 & IE8 nothing wants to work
(rounded corners and two background in 1div)

example:
http://sware.co.il/iefix/

Unfortunately i have to fix this
help me please, thanks!

2

This for rounded corners.

This for multiple backgrounds.

And a possible JS resolution for multiple backgrounds.

3

what about the inner shadow?

what i have to do for use this tricks only in ie7 and ie8 ? (w3c valid)

4

You need to understand that you talk about CSS3. CSS3 that’s not available in IE7. CSS3 for which IE8 has very little support. CSS3 that’s in draft. CSS3 for which UAs used proprietary implementations:

	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;

that will NEVER VALIDATE.

So you have a non-valid page already :slight_smile:

If you are not concerned about validation, and if you believe JS can be the answer for you… for CSS3, then take a look at this one.

5

I just want that the html file will be valid about the css file i dont care…
ie-css3 support multiple background’s ?


The reason I opened this topic is to achieve the best solution to my case, I’m going to use these blocks many times on my site. so its important to get the effictive way.

6

This site demonstrates the multiple backgrounds for IE. From the link I gave in post#2.

Another JS solution is this: -pie-background.

7

http://css3pie.com
solved all :slight_smile: good one…

thanks noonnope :slight_smile:

8

Glad to have helped :slight_smile: