IE中的图像滑块问题 - Bug?

时间:2011-01-31 10:09:14

标签: javascript jquery html css joomla

我的IE中的图像滑块出现问题。在我的主页上,我有一个带有图像滑块的横幅。在此滑块上切换图像时,横幅图像边缘周围会出现黑色轮廓。图像滑块本身是在jquery中完成的,但该网站是Joomla CMS网站。

我研究了这个,我认为这可能是一个Png IE漏洞,透明度问题,因为图像是圆角矩形。我已经把代码用来修复我的CSS中的这个bug,但这似乎没有改变任何东西,所以我想知道是否有其他人有一些建议?

我的网站是www.myramis.com

2 个答案:

答案 0 :(得分:0)

在< / body>之前将其添加到文档的末尾标记:


<style type="text/css">
    * html #png-ie /* ie6 hack */
        { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/to_my_png/imageIE.png', sizingMethod='scale')); }
    *+ html #png-ie /* ie7 hack */
        { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/to_my_png/imageIE.png', sizingMethod='scale')); }
</style>

答案 1 :(得分:0)

我设法使用以下代码使大纲不那么突出,但我想也许我必须在jquery中做一些事情才能让它完全消失:

    .slide img {
        background: transparent;

 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
     /* IE8 */   
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
     /* IE6 & 7 */      
        zoom: 1; }

也许有人知道我可以使用jquery修复同样的问题,这可能会完全消除黑色轮廓?