IE中的白色背景问题

Question

在IE8中打开此网站：

http://www.bavarianblue.com

看到白色背景？是什么原因引起的？我尝试给它分配一个清晰的gif，没有任何改变。适用于Chrome和FF

请帮助：）

Answer 1

如果您使用IE8中的开发者工具（键盘快捷键F12）并检查具有白色背景的元素，您会注意到应用于该元素的以下内联样式：

<div class="slide" style="z-index: 5; position: absolute; background-color: #ffffff; zoom: 1; display: block; top: 0px; left: 0px;" cycleH="277" cycleW="500" jQuery1285163831375="11">

为您生成HTML的是什么？我假设它是JQuery UI？

Answer 2

在IE中，<div class="slide">获得style="background-color:#fff;"。这是IE的一个修复，使淡入淡出过渡文本平滑而不是锯齿状。找到颜色的设置位置并将其替换为bg颜色（可能在.js或您调用幻灯片插件的地方）

Answer 3

我已经调查并找到了解决方案

#spotlight .slide{
 background: url("images/featured_bg.png");
}

Answer 4

在<div class="slide">设置背景颜色：透明

Answer 5

div中的第一个#spotlight将backgound-color:#ffffff;设置为内联样式（使用开发者工具（F12）可以很容易地看到） - 删除它并且你'得到你期望的。

Answer 6

稍晚一些但是对我有用的东西处理IE8背景问题：

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

如果您想要一种颜色，请务必调整滤镜的十六进制颜色（如果您不想要透明的结果，请删除“00”