S
S
Sergey Leshchina2011-04-11 15:32:47
css
Sergey Leshchina, 2011-04-11 15:32:47

Using CSS3PIE for an online store?

There is an online store, about 20% of users with IE, there are no more than a dozen elements with rounded corners on the page. The standard technique with nested divs is currently used, but this makes the code a mess and makes it difficult to change. So I really want to translate the site to CSS3PIE .
I would like to understand what difficulties this can create for IE users. I rummaged through everything that was found in the search - I found two examples: one on Habré that behavior works in a couple of seconds, the other that the page loads up to 10 seconds, but there were hundreds of blocks.
Has anyone tried using it on projects larger than business card sites?
If scripts and/or pictures take a long time to load, will this affect the moment the behavior is triggered?
UPD: Forgot to mentionborder-radius.htc , maybe it works faster?

Answer the question

In order to leave comments, you need to log in

4 answer(s)
C
ChemAli, 2011-04-11
@ChemAli

Rounded corners hardly affect sales, but the speed of work is noticeable. If I were you, I would throw away the garbage markup and calmly relate to the fact that the interface for owners of old Internet Exploiters is somewhat angular. Moreover, the share is quite low.

S
Snowindy, 2011-04-11
@Snowwindy

Used CSS3Pie with GWT:
The htc way didn't work at all (it probably won't know about the added elements).
Therefore, I used the .js analogue offered by comrades from CSS3Pie. Works flawlessly and quickly if the blocks it is applied to do not change in size. If they change, you can observe curious side-effects.
In general, the js-analog can be a good solution. I personally do not like HTC, and it can slow down, according to rumors.

M
MT, 2011-04-11
@MTonly

Can be used border-radiusfor modern browsers, and (if the page background is plain) PNG-24 graphics for IE8 and below.
Implement graphic roundings with 4 nested blocks, absolutely positioned at the 4th corners of the block and generated by JavaScript only in IE8 and below.
PIE here - from a cannon on sparrows.

V
Vitaly Zheltyakov, 2011-04-11
@VitaZheltyakov

CSS3PIE is a great tool for dealing with IE.
I use it in all my projects. Works quickly and quite reliably.
There is one undocumented rule that I figured out from my own experience:
- To avoid brakes, you need to avoid applying PIE to parent elements that contain many child elements (for example, html or body).

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question