Border-radius + native gradients support in IE7, IE8?

Question

css

Now I'm making a website where I need to implement dynamic design settings - all sorts of colorpickers in the admin panel, etc. The design uses rounded corners and gradients. I implemented this whole thing with CCS3 and PIE.htc for IE, but for old versions of Firefox and Opera, the standard skin built on pictures is simply used. And so the client posted a new ticket to me - they say, when the page (IE) is loaded, the standard skin is first shown (1-2 seconds) and then the current skin is loaded.
I have 2 options how to deal with it:
1. Bad. Show Loading… with overlay until the page is loaded
2. Good. Implement gradients through filters that are loaded immediately with CSS
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#000000',endColorstr='#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#000000', endColorstr='#ffffff')";
BUT! PIE now refuses to round corners. DD_roundies rounds but kills the background. Help plz!
Here you can post a link to the project-subject?

Answer 1

I don’t see anything wrong if “Loading” hangs for 1-2 seconds, as you wrote.

Answer 2

Oh, no need to load it with filters. I had a project in December where box-shadow, border-radius and gradients were used - evil in its purest form. Persuade somehow on degradation, I highly advise.

Answer 3

Почему бы не использовать стандартный скин везде? Вы все равно используете 3 разные типа верстки для разных браузеров.

Answer 4

PIE не умеет работать с фильтрами, которые вы хотите использовать для прозрачности — css3pie.com/forum/viewtopic.php?f=3&t=514 Но работает PIE + прозрачный Png 24 в backgound, которым по-старинке можно использовать для прозрачности :)

Answer 5

PIE и фильтр по разным классам разносили?