Question

使用FadeTo对我的网站内容产生影响（#right_pane）。我在我的css文件中的元素上将不透明度设置为0：

#right_pane {
font-family: helvetica,Trebuchet MS,sans-serif;
border: 0;
width: 746px;
float: left;
margin: 0;
padding: 65px 0 0;
position: relative;
min-height: 550px;
right: 280px;
opacity: 0;
 /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";

    /* IE 6,7 */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }

我正在使用jquery函数来淡化：

$(document).ready(function(){setTimeout(function(){$("#right_pane").fadeTo(1500,1)},750)});

函数似乎淡化到实际元素（#right_pane），但所有其他子元素都是透明的（不透明度为0？），而@ font-face标题是扭曲的，就像它加倍了一样。我知道这是问题，因为当我删除不透明度0和fadeTo函数时，一切都显示正常。即使内容在没有设置不透明度的情况下可见，但是我运行fadeTo函数仍然会出现问题。

请注意，我在旧笔记本电脑上使用的是IE8的实际版本进行测试，在更改浏览器模式进行测试时不会发生这种情况。如果您没有类似的设置，这很难测试。

这是测试页面的链接：

http://www.diysoakwells.com.au/index.html

在除IE8之外的每个浏览器和版本上，它都能正常工作。

如果您需要更多信息，请告诉我。

关于如何解决此问题的任何想法？

问候，杰米

当css不透明度为0时，jquery fade在IE8中出现问题

0 个答案: