问题标签 [css3pie]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2759 浏览

css - CSS3 PIE 背景颜色透明度

我正在使用 CSS3 PIE 将 CSS3 规则添加到 IE。

http://css3pie.com/ 很好,但我现在有一个小问题,我使用半透明图像作为背景,PIE.htc 会自动添加灰色背景。“背景颜色:透明;” 不适合我。

我的问题是:如何使用具有透明背景的 CSS3 PIE?

0 投票
1 回答
1387 浏览

jquery - 使用带有 jQ​​uery BlockUI 的 CSS3 Pie

我正在使用CSS3 Pie进行跨浏览器边框半径和框阴影。这真的很棒。但是当与 jQuery blockUI插件(使用模态对话框)一起使用时,CSS3 Pie 功能不适用于该对话框元素。

这是因为 position:fixed 的 z-index 问题,这里也有描述。我已经尝试将位置更改为目标元素上的相对位置,使用 z-index 进行播放,但它不起作用。

也许你们中的某个人有类似的问题,可以在这里帮助我

0 投票
5 回答
1131 浏览

css - css3 pie 有多可靠

我刚刚遇到CSS3 pie

我想知道它使用起来有多可靠?它可以在所有操作系统上运行吗?是否有任何可能无法运行的场景?

0 投票
2 回答
1182 浏览

internet-explorer - css3pie 是如何工作的?

css3pie 在幕后发生了什么,使得 IE 可以使用 css3 功能?

0 投票
6 回答
34159 浏览

css - 在 IE8 中使用 CSS3Pie htc 作为边框半径

我正在使用CSS3Pie htc 文件border-radius在 IE8 中启用,但没有任何效果。我的 CSS 是:

我已经将 PIE.htc 放在公共根目录中(就像在 CSS3PIE 演示页面上所做的那样),在同一个文件夹中尝试过,使用相对 uri 和绝对 uri。

演示正在运行;只是不是我的代码!

谢谢,亚当

0 投票
1 回答
3423 浏览

javascript - CSS3Pie 导致启动错误

导入 CSS3Pie 时,出现以下错误。

我正在使用 Chrome。这可能是我造成的,还是只是一个错误。谢谢!

0 投票
3 回答
4126 浏览

jquery - PIE.htc 和 jQuery 动画冲突?

我有一系列会陆续出现的子弹。我在子弹动画中使用 jQuery 和 jQuery UI。顶部的子弹需要有圆角,我使用 CSS 和 PIE.htc 来完成。这在所有非 IE 浏览器以及 IE8 中都非常有效,但在 IE7 中,第一个项目符号出现时其背景大约 80% 变窄,大约 95% 变短(或者它可能与左上角极度偏移)。

有趣的是,如果您完全调整浏览器窗口的大小,背景会捕捉到适当的位置(不是项目符号位于固定宽度的容器中,所以我不在这里调整项目符号的大小)。如果我在 CSS 中注释掉 PIE.htc 行,项目符号会正确显示,但我需要圆角。看到这张图片

相关代码如下

JS

CSS

0 投票
2 回答
2182 浏览

internet-explorer-6 - CSS3PIE:Internet Explorer 6 不下载 PIE.htc

我正在使用令人印象深刻的 CSS3PIE (http://css3pie.com) 库在 IE6-8 中添加对 CSS3 样式的支持。它在第 7 版和第 8 版中运行良好,并且在此过程中消除了很多痛苦。

但是,在 IE6 中根本没有显示任何 CSS3 样式。事实上,查看服务器日志,我可以看到 IE6 甚至没有下载 PIE.htc 文件,这是魔法工作所必需的。文件的内容类型正确设置为 text/x-component,它由绝对 URL 引用,并且在 IE7 和 8 中工作正常。

我正在使用 Compass (www.compass-style.org) 和使 CSS 看起来像这样的 PIE 助手:

我无法弄清楚问题是什么。有谁知道什么可能导致 IE6 完全跳过行为定义?

干杯,

乔纳斯

0 投票
3 回答
3890 浏览

html - IE6 和 8 中的 CSS3PIE 问题

我正在使用 CSS3PIE 将一些圆角应用于 Internet Explorer 中的元素,这将通过其他浏览器中的样式表获取它们。不过,我遇到了一些问题。

在 IE8 中,我发现任何具有 PIE 行为的元素都会表现得很奇怪。容器会向右跳几个像素,但内容会保持在其原始位置,看起来内容已经相对于其容器向左移动了。这对于没有或少量填充的元素尤其成问题。

通过使用 X-UA-Compatible,我能够解决 IE8 中的问题,但如果可能的话,我宁愿避免这种解决方案。我无法访问 IE9 进行测试,但我不需要像 PIE 这样的理解技巧,在不需要它的浏览器中强制使用兼容模式会很浪费。

我在 IE6 中遇到了更严重的问题,PIE 布局在设置为使用列表项的列表上完全分解display:inline; zoom:1;(以模拟在 IE8 和其他浏览器中工作的内联块)。在这里,列表项的边框在完全错误的位置呈现。

所以理想情况下,我希望 PIE 在 IE6 和 IE8 中正常工作,而不必求助于兼容模式。就 IE6 而言,在不应用 PIE 的情况下优雅的回退就可以了。IE7 是页面按预期显示的唯一浏览器。

不幸的是,我目前无法提供示例页面,不过我可以稍后添加。

跟进:

以下是使用 IE Tester 制作的一些屏幕截图。我希望他们能让每个人都更清楚一点。如您所见,IE7 很好。然而,在 IE8 中,容器相对于它们的内容向左偏移,而在 IE6 中,列表元素(带有 1 像素的圆角边框)完全是一团糟!

带有偏移框的 Internet Explorer 8 IE7 是正确的 IE6真的很烂!

还提供IE8IE7IE6的全尺寸版本

跟进 2

这是演示页面的链接。

由于其他设计师正在处理样式表和设计的其他部分,我不能保证它会在很长时间内保持完全反射,但希望它能够持续足够长的时间来解决问题。(是的,我知道 IE6 中存在 JS 错误,这不是我的问题)。
示例页面

0 投票
6 回答
29205 浏览

html - CSS3 和 PIE 在 IE 8 中不起作用

我正在尝试演示 CSS3PIE,但它根本无法在 IE 中运行。

HTML:

CSS:

结果只是一个有边框的块,没有渐变/阴影等

任何帮助/解决方案将不胜感激。