Jump to content

(solved)Rounded corner /Border-shadow in IE8


Recommended Posts

in the header of your theme, you need to include this code

 

 

<!--[if IE]>

<script type="text/javascript" src="{$js_dir}PIE.js"></script>

 

<script type="text/javascript">

$(function(){ldelim}

 

behaviorUrl = '{$js_dir}PIE.htc';

$('.block_content,#center_column a,.exclusive, .button_large , .contentb,#nav, div.block h4,#left_column div.myaccount h4, #right_column div.myaccount h4, #button_order_cart, .button_small').each(function() {ldelim}

PIE.attach(this);

{rdelim});

 

{rdelim});

</script>

<![endif]-->

 

 

 

 

Pie.js, pie.htc must be in js folder of your theme, the rest of the code are the classes that have rounded corners or pie elements, and in the css, remember to add to each class

 

 

behavior: url(PIE.htc);

z-index: 0;

  • Like 1
Link to comment
Share on other sites

Thanks a lot, generally it works fine, (with some little limitations).

Not all modules are working together with the script.

 

Just in order to complete your post (for not experienced), the PIE.htc has to be placed in the root folder.

 

Best regards

 

Klaus

Edited by taohi01 (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...