PIE,IE8,jQuery InnerFade和CSS3 border-radius - 再次

时间:2013-05-06 17:15:26

标签: html css internet-explorer css3 css3pie

我遇到了PIE和IE8的一个主要问题。 首先是CSS:

<!--[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内部淡化工具的“内部淡入淡出”块的一部分。今天我想这就是造成麻烦的原因。 这在IE10中工作正常,开发人员工具设置为“IE8”,显示模式为“IE8标准”。但是在“真正的”IE8中不起作用。任何想法为什么?

1 个答案:

答案 0 :(得分: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]-->

工作正常。但如果你想改变背景颜色,会导致很多工作......

相关问题