1

我正在使用MediaElement.js Wordpress 插件来在我的主页上播放 MP3。

但在 Internet Explorer 8 上，我的插件有问题。

而不是播放按钮和音量按钮，它只显示一个块状矩形。我已经在两台不同的计算机上进行了测试，结果相同。

你可以在这里测试它：http ://www.alatarmusic.com/noise-reduction/

它适用于 Firefox 和我 iPhone 上的 Safari。而且我知道，其他网站在我的 Internet Explorer 中显示良好。例如，MediaElementJS.com上的播放器看起来是正确的。我的主页好像有问题？

但这可能是什么原因？

4

2 回答 2

1

在 IE7 和 IE8 中遇到同样的问题：

在此处输入图像描述

我的修复是确保过滤器样式被重置：

filter: none;
于 2012-10-20T02:22:25.873 回答
1

您的样式表包含以下 CSS：

.post .content button{background:linear-gradient(top,#ffffff 0%,#e9e9e9 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e9e9e9')";

美化：

.post .content button {
    background: linear-gradient(top,#ffffff 0%,#e9e9e9 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e9e9e9')";
}

最后一个属性 ,-ms-filter是 Microsoft 的专有 CSS 扩展，仅由 Internet Explorer 解析。

颜色#ffffff为白色，颜色#e9e9e9为浅灰色。

因为该效果只在 Internet Explorer 中有效，所以只有 IE 用户会看到一个浅色矩形而不是播放按钮。

将filterto设置none为返回按钮： 截图：

此标记可能会影响您的 Wordpress 博客中的其他按钮，因此删除它可能不是一种选择。相反，您可以将 ; 添加filter:none到 CSS 中.mejs-button。例如：

.mejs-button{
    filter: none;
}
于 2012-11-02T15:59:23.093 回答