问题标签 [css3pie]

我有一个使用各种 CSS3 样式的网站，这些样式仅在 Firefox 10 中真正经过测试。我需要一些方法来模拟在 IE8 中查看时本机不支持的各种 CSS 样式：

• 盒子阴影
• 文字阴影
• 背景渐变
• 圆角
• 不透明度

我试过使用css3pie，但是当我包含 .htc 文件时，它产生了一些令人不快的副作用。我知道有 jQuery 插件可以为 IE8 中的元素添加框阴影和圆角，所以我正在考虑在条件代码块中使用这些，例如

我意识到这有点脆弱，因为我使用的是浏览器检测而不是特征检测，但是我找不到一种方法来检测像使用jQuery.support圆角的能力这样的特征。

其次，我只知道可以模拟一些 CSS3 属性（框阴影和圆角）的 jQuery 插件，还有其他用于背景渐变、不透明度和文本阴影的插件吗？

最后，如果有完全不同的方式来实现我的目标，那么请随时提出替代方案。

这篇文章的标题读作 webdev-hipster 就像一场野猫比赛中的紧身法兰绒围巾。对不起。

我对脚本运行时优化不是很好，所以我想知道下面的函数调用在计算上会有多糟糕。我知道这对于大型站点来说并不实用，但是在我想使用它的地方，jQuery 调用将返回不超过六个对象，所以音量并不高。

谢谢大家。

我有一个容器，我正在使用 css3pie 对其应用弯角。在该元素内部，我有一个比容器宽的表格。这会导致容器底部出现滚动条，这是我不仅期望而且需要的。问题是，如果我已将 css3pie 应用于容器，则在单击和拖动时滚动条将不会滚动。我可以点击两端的箭头，它会滚动，或者我可以点击没有滚动条的空间，它会跳到那个地方。所以只有当我单击并拖动滚动条时它才不会滚动。

如果我在类上注释掉容器滚动的 bahaivor 将再次起作用。如果我应用 css3pie 虽然 javascript 滚动会中断。如果我在启用 pie 时从容器中删除类，因为行为滚动有效。

我还将表格放在容器内的另一个 div 中，结果相同。

我在 IE9 文档模式下运行 IE7

有没有办法纠正这个问题？

我无法在一个页面中弄清楚为什么CSS3PIE可以在外部页面阴影上工作，但不能在 IE8 中的照片阴影上工作。在其他浏览器中一切正常。

我#page用于外部页面 div 和 #facilities_maintable tr>td.column2 img页面内容中的照片。

问题描述

• 浏览器版本：仅限 IE 7（或兼容模式）
• 用例：使用包含可滚动 div 的 PIE (http://css3pie.com) 行为的圆角框
• 问题：无法使用拖动手柄滚动

解决方法

您可以重构 DIV 的内容——有些结构会给出问题，而有些则不会。这不是一个真正可行的解决方案，因为它只是暂时的。我现在可以解决这个问题，其他一些开发人员可能会添加我所做的并再次破坏它。

用例

我正在尝试重构一堆 portlet（或具有蓝色标题的圆角框）以使用简单的 CSS 3 结构并在 IE 7 和 8 中使用 PIE 行为。旧代码使用了使用背景图像的复杂 HTML 结构。

我已经从示例代码中删除了尽可能多的不必要的 HTML 和 CSS，但最初的 portlet 包含一个“组合框”表。组合框是一个输入框，其功能类似于下拉菜单（它有一个切换按钮，显示一个弹出式点击，显示自动完成建议）。现在在 IE 7 中更新 portlet HTML（并且不接触内容）后，拖动滚动句柄时内容不再可滚动。

复制步骤

• 源代码：https ://gist.github.com/1926652
• 现场示例： http: //www.codefactor.net/examples/scrollbarIssue.html

我在 IE7,8 中使用 pie.htc http://css3pie.com/圆角 - 它在第一个页面加载时工作正常 - 但其他内容加载 viw AJAX 请求。

新加载的内容不会呈现 pie.htc - 不应用圆角。

这如何才能起作用 - 我如何在 AJAX 加载的内容上应用

问候 ！

我在 ASP.NET 4.0 Web 应用程序中使用http://css3pie.com/库，它允许 IE 6-9 呈现 CSS3 装饰功能。IE9 不下载 pie.htc 文件（404 错误）。用IE8没问题。在我的 IIS 7.5 网络服务器上，.htc 的 MIME 类型设置为 text/x-component。谢谢你的帮助。

CSS3 Pie 是在 IE 中渲染一些 CSS3 内容的好工具。爱它！但是与 Wordpress 的集成似乎非常困难。情况如下：

页面模板上的 Html：

Function.php：（来自http://www.position-relative.com/2011/04/using-css-pie-in-wordpress-themes-updated/）

iePie.css：

确实，应用了iePie.css 文件。例如，背景：#000；正在工作中。但奇怪的是，PIE.htc 文件没有。

我尝试了不同的相对路径和绝对路径，在不同的位置上传了 PIE.htc。

该网站位于http://dennishunink.nl/ghana/wp/（仍在开发中）

希望有人有答案，将非常感谢每一个建议！

我正在开发一个使用 css3pie 大幅增加 IE8 支持的网页。您会注意到，该页面具有“上传”和“下载”按钮，在现代浏览器中看起来不错。

在带有 css3pie 的 IE8 中，它看起来几乎一样好......（仍然缺少嵌入阴影）或者至少它曾经如此。我在使用 Chrome 时做了很多编辑，然后又回到了 IE8。大错。

在这些编辑中间的某个地方，我破坏了 css3pie，我已经尝试了我能想到的一切来修复它，但我就是想不通......

当它工作时，按钮包含在<div>标签中，而不是<span>标签中，可能毫无价值（我将其更改为有效的 HTML），尽管将其更改回 a<div>并不能修复它。

你知道什么是错的，如果适用，我将来如何避免它？

IE8的失败：

它应该看起来像：

（即使使用 css3pie 工作，顶部的白牛排和白色文本阴影也不会呈现）

CSS 代码：

我有一个在线网站，它是一个用 ASP.NET 编写的网络应用程序。当我复制站点的 HTML 代码时，将其放入 html 文件并在 localhost（Apache 服务器）上运行，一切正常，CSS3PIE 工作正常。

问题是在服务器上它的工作方式不同。首先，它甚至根本不起作用，并且在 css 中附加了 pie.htc 行为的元素完全消失了，或者说变得透明了。

我偶然发现了一个建议，说position: relative;在给定的元素上将解决问题。确实是这样，但一点也不令人满意。背景仍然是透明的，部分元素消失了，悬停时它使其他元素跳到一边几个像素。阴影有效，圆角也有效，但没有渐变。