2010-09-22 71 views
1

在IE8打开这个网站:白色背景问题在IE

http://www.bavarianblue.com

看到白色的背景是什么?任何想法是什么造成的?我试着给它分配一个清晰的gif,没有任何改变。作品在Chrome伟大和FF

alt text

请帮助:)

+0

第一个建议是要擦亮您的标记。目前,W3C验证是否显示一把的错误:http://validator.w3.org/check?uri=http%3A//bavarianblue.com/ - 和IE8是因为越来越难过,当它没有得到compcomp t代码。 – 2010-09-22 14:35:13

回答

4

如果您使用的开发工具在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?

+0

不知道...这是一个WP主题,我正在黑客出来,谁写了它最初采取了一些捷径。这应该是我的正确道路 – Jared 2010-09-22 14:12:51

+0

发现问题 - 它在JS中。感谢您的建议! – Jared 2010-09-22 14:38:36

0

我已经调查并得出一个解决方案

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

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

0

第一个div#spotlight有一个backgound-color:#ffffff;设置为内联样式(使用开发人员工具(F12)可以很容易地看出) - 删除它,你就会得到你所期望的。

+0

不要删除它,因为过渡效果在IE中看起来很糟糕 - 只需将颜色改为它应该是的颜色即可。 – easwee 2010-09-22 14:08:13

1

在IE中,<div class="slide">获得style="background-color:#fff;"。这是IE的修复,使淡入淡出的过渡文本平滑而不参差不齐。寻找到颜色被设置,并与背景颜色更换(可能是.js文件或者调用幻灯片插件)

+0

你的回答是对的!谢谢! – Jared 2010-09-22 14:38:12

0

稍晚,但一些工作,我处理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”如果你不想要一个透明的结果来调整滤波器十六进制颜色