2013-05-06 3 views
0

У меня возникла серьезная проблема с PIE и IE8. первую очередь CSS:PIE, IE8, jQuery InnerFade и CSS3 border-radius - снова

<!--[if lte IE 8]> 
    <style type="text/css"> 
    *.article_image img { 
     position:relative; 
     border-radius:20px; 
     behavior:url(/js/PIE.htc); 

    } 
    </style> 
<![endif]--> 

HTML:

<div class="innerfade"> 
    <div class="article_image"> 
    <a> 
     <img> 
    </a> 
    </div> 
</div> 

является частью "внутреннего замирания" Блок с Jquery innerfade инструмента. Сегодня я предполагаю, что это вызывает проблемы. Это отлично работает в IE10 с инструментами разработчика, установленными на «IE8», в режиме отображения «стандарт IE8». Но не работает в «реальном» IE8. Любая идея почему?

+0

Ok. Я предполагаю, что это некоторая несовместимость между innerFade и PIE. – waflija

+0

Если вы решили свою проблему, введите свой ответ ниже в интересах других или удалите вопрос. – isherwood

+0

Я не нашел решения. Это просто дополнительная информация ... – waflija

ответ

0

Пока я не нашел лучшего решения или IE8 не используется больше, я использую этот уродливый маленький обходной путь:

<!--[if lte IE 8]> 
      <div style="position:absolute;"><img style="width:20px;height:20px;" alt="corner" src="template/left_top.png"></div> 
      <div style="position:absolute;bottom:0px;"><img style="width:20px;height:20px;" alt="corner" src="template/left_bottom.png"></div> 
      <div style="position:absolute;right:0px;"><img style="width:20px;height:20px;" alt="corner" src="template/right_top.png"></div> 
      <div style="position:absolute;bottom:0px;right:0px;"><img style="width:20px;height:20px;" alt="corner" src="template/right_bottom.png"></div> 
<![endif]--> 

работает отлично. Но вызывает много работы, если вы хотите изменить цвет фона ...

Смежные вопросы