问题标签 [css3pie]

背景

我正在开发一个使用 CSS3 规则（例如线性渐变）的应用程序。我正在使用 CSS3 PIE 的 HTC 实现。在大多数浏览器中，一切看起来都很棒。

问题

在 IE9 中存在一个奇怪的问题，即分配了渐变的元素初始化为透明。只有将鼠标悬停在它们上方时，它们才会获得颜色和渐变。

有没有人见过这个？如果是这样，你是如何解决它的？

我不知道会发生什么！

我拍了一些照片，试图帮助你理解......如下：

互联网浏览器 9

互联网浏览器 8

互联网浏览器 7

代码

CSS

饼图.htc

PIE.htc 位于文件夹中：

/Infra/PIE.htc

公共网站：http ://bindsolution.com/home/contact

我相信是其他一些组件导致了这种情况，但我不知道如何识别它。

我在一个单独的 HTML 文件（记事本）中进行了测试，一切正常。

谢谢大家的帮助！

这是使用 CSS3 PIE 的 css

特别

我的问题是这个 PIE.htc 会被所有浏览器下载还是只能在 IE 7 和 8 中下载？

我也需要在 IE7 和 8 中显示圆角。所以我想而不是使用 Modernizr 并为圆角编写另一个类和图像，CSS3 PIE 将是一个很好的解决方案，因为每当我们更改边框的颜色和厚度以及元素的高度时，PIE.htc 将在 IE7 和 8 中呈现相同的. 但在 Modernizr 和图像的情况下，我们将不得不使用上传新图像来获取新图像，我们将不得不更改并上传新更改。

而且因为我只为此使用Modernizr，所以我无法加载条件注释，即使我不需要，它也会为每个浏览器加载。所以我想如果 CSS3 PIE 有利于灵活性，如果它只加载到 IE7 和 8，那么在这种特殊情况下使用会很好。

再会。

我使用了大量的 CSS3 效果，并且在CSS3 Pie的帮助下在 IE 7 和 8 中渲染相同的效果时遇到了问题。

它对我需要的一些效果非常有效，但是 CSS3 Pie 的已知问题之一是布局，更具体地说，CSS3 Pie 使顶部边距在应用它的元素中消失，到目前为止我只在 IE 7 中遇到过这样的问题, IE 8 没有显示同样的问题。

我问是否有人知道如何解决这个问题，我想保持简单，只使用 CSS 来解决这个问题，我认为可能需要一种不受 CSS 限制的不同方法，这就是我寻求帮助的原因。

解决方案和建议表示赞赏。谢谢你。

我在我的网站上使用CSS3 PIE，我注意到线性渐变在 IE9 中不起作用。我以前使用 PIE 来支持线性梯度，在 IE9 中没有问题，所以我不知道这次是什么问题。

我尝试过/考虑过的事情：

• 我正在使用支持 IE9 的 Beta 5
• 我知道样式表中 PIE.htc 的路径是正确的，因为如果我通过 IE 开发人员工具栏将页面的文档模式切换到 IE7/8，渐变将起作用
• 我知道我的服务器正在使用正确的内容类型提供 PIE.htc，因为渐变在同一服务器上的另一个站点上的 IE9 中工作（此外，如果我手动导航到该文件，IE 会提示我保存文件，这就是证明根据 PIE 的文档/论坛的正确内容类型）

我难住了。与我过去使用 PIE 的方式似乎没有什么不同，而且我以前从未遇到过渐变未出现在 IE9 中的问题。

我正在使用CSS3 PIE为 IE7/8 添加对圆角的支持。我发现当页面上有很多带有圆角的元素时，启用 PIE 后IE9的性能会显着下降：滚动变得迟钝，简单的悬停效果（如链接颜色变化）会显着延迟，等等。

但是根据 PIE 自己的文档，如果浏览器本身支持您正在使用的特定 CSS3 功能，那么 PIE 在 IE9 中“什么都不做”。那么理论上，如果我只使用边界半径（IE9 支持），启用 PIE 应该对性能没有影响。

这可能是什么原因造成的？

我试图让我的花哨的 CSS3 重新设计适用于 GWT 应用程序，但是当将 CSS3Pie vml 对象应用于 GWT DialogBox Caption 时，它们似乎都没有正确显示。此外，DialogBox 或 PopupPanel 中的任何内容，例如 GwtButton，都没有正确应用其 CSS3Pie（即使这些相同的 GwtButtons 在任何地方都可以正常工作，但弹出窗口除外）。

我的假设是GWT 操作 DOM 和弹出窗口的 CSS 样式的方式导致所有样式都变得 fubared。CSS3Pie 肯定会正确地附加到这些元素上，因为背景颜色和边框样式正在被删除，并且css3-container正在添加元素。

这是应用于 DialogBox 的 CSS

这是从 IE Developer Toolbar 获取的对话框生成的 HTML。

以下是我尝试过的一些事情：

• 将 HTML 复制并粘贴到页面中，而不是让 GWT 操作 DOM css3 属性
• 使用绝对定位和自定义隐藏/显示代码css3 属性的自定义弹出窗口有效
• Applyingposition:relative已经修复了其他地方的一些 css3pie 属性，但是这里没有效果

有没有人成功让 GWT PopupPanel 和 DialogBox 与 CSS3Pie 一起工作？这个项目似乎表明有人有。我错过了什么？

任何人都知道为什么我会收到这个 PIE 脚本错误。'H.length' 为空或不是对象 PIE HTC

它只发生在 IE8 和 IE7 我正在使用我正在使用 PIE.htc 版本 1.0beta5 任何人都知道为什么会发生这种情况。

更新：我使用 PIE_uncompressed.htc 来查看它是否会记录更多详细信息，这次我得到 'renderers.length' 为空或不是对象（第 4148 行）

任何人遇到此问题或使用未压缩版本我得到的“H.length”为空或不是对象。

更新：

再次抱歉，我无法发布任何代码，但仍然存在问题。以前有没有人遇到过这个错误。

我正在尝试应用css3pie

到我的网站，它似乎根本没有应用。我已经尝试了我能找到的任何东西：

• 检查 PIE.htc 的路径，将其放在主文件夹并使用 url(/PIE.htc)，甚至尝试了完整的 URL，但没有任何效果。
• 尝试使用 PIE.php，但也没有用。
• 尝试将“AddType text/x-component .htc”添加到 .htaccess 文件中，不好
• 尝试添加position:relative; z-index: 0;，不好。

我试图应用的代码是：

我错过了什么？

编辑： 如果这很重要，当我在 IE 中查看加载的 css 时，我看到行为命令与下一个命令在同一行，尽管语法是正确的

大家好，我希望有人可以帮助我解决这个问题。

我正在使用 CSS3Pie 在盒子上获得圆角，并且在包括 IE7 在内的所有浏览器中一切正常。但是，当您将动画（这次slideToggle）添加到我的框内的元素时，IE7 开始表现得就像您没有但时一样position:relative。元素变得很大，5000px x 10000px +++。我确信所有元素position:relative在需要时都有。

我以前见过这个错误，我们找到了一个解决方法，其中包括之前对 CSS3Pie 文件的一些 JS 修复，但我再也找不到它了。

我很感谢我能得到的所有帮助。

谢谢吉米

您可以在下图中看到，灰色背景并没有在框结束的地方结束，它只是延续到网站上的其他元素之上。

这是向下滑动的元素的 css

这是盒子的CSS：