在IE8 jQuery Cycle中消失的图像 [英] Disappearing images in IE8 jQuery Cycle

问题描述

http://www.lunatestsite.co.uk/products/lifestation

不能为我的生活解决这个问题。到目前为止仅在IE8中。我在主页周期中遇到了同样的问题，但设法通过声明宽度，高度和背景来修复：无！对于img的问题很重要。

Cannot for the life of me fix this. Only in IE8 so far. I had the same issue on the homepage cycle, but managed to fix by declaring width, height and background: none !important on the img's in question.

我认为这可能是一个png问题，但jpgs也是如此：

I thought it might be a png issue, but the same happens with jpgs:

http://www.lunatestsite.co.uk/test-disappearing-jpgs

同样的结果：幻灯片中两个图像中的第一个图像经常闪烁，然后消失。

Same result: often a flicker of the first of the two images in the slideshow, then disappears.

任何想法都可以赞赏。

已解决：我最初的解决方案也适用于此：添加背景：无重要！，并声明宽度/高度。它不适用于其他模板，因为我使用的是一个类而不是id用于ul＃product-images。

SOLVED: My original fix worked for this in the end too : adding the background: none important!, and declaring the width / height. It didn't work on the additional templates because I was using a class instead of id for ul#product-images.

耻辱，它会燃烧！很抱歉浪费任何人的时间。

The shame, it burns! Sorry for wasting anyone's time.

body.home #front-slider #front-slides .slide{
background:none !important;
width: 980px;
height: 389px;
}

body.home #front-slider #front-slides .slide .slide-image img{
    background:none !important;
    width: 629px;
    height: 345px;
}

body.page-template-page-product-view-php ul#product-images .slide, body.page-template-page-product-view-wide-php ul#product-images .slide{
    background:none !important;
    width: 970px;
    height: 300px;
}

推荐答案

我也有这个问题然后我追溯到CSS规则

I was having this issue also and I traced it back to the CSS rule

img {
  max-width: 100%;
}

一旦我删除了上述规则（在这种情况下我不需要它） ）图像停止消失。

Once I removed the above rule (I didn't need it in this case) the images stopped disappearing.

这篇关于在IE8 jQuery Cycle中消失的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！