问题标签 [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 投票
3 回答
768 浏览

css - CSS PIE - 边框问题?

为边框渲染 RGBA 颜色时面临问题。边框半径的 RGBA 颜色工作正常,但不是边框颜色,它没有显示任何边框颜色。

CSSPie 中是否有任何单独的“-pie-”标签用于在边框中使用 RGBA?

我的代码:


无法在 IE 7 和 8 中看到边框...你能帮忙吗?

提前致谢!

0 投票
2 回答
240 浏览

performance - 预测在高负载项目上安装 LESS、CSS3PIE 的后果

我面临全球网站重新设计的情况(不是外观,而是代码架构和底层技术)。网站每天有大约135 000 名访问者。现在做出正确的决定至关重要。

我以前没有在这样的大项目上使用LESSCSS3PIE的经验。也许你们中的一些人可以预测我在使用上述技术时会遇到的一些麻烦。我想知道优点和缺点。

对带有阴影和渐变的圆角按钮使用经过测试且可靠的旧方法(例如精灵)不是更好吗?我看http://zappos.com。它们只是在 IE 中优雅地降级并且不使用 CSS3PIE。

0 投票
1 回答
1498 浏览

internet-explorer - CSS3 PIE 与 :first-child 冲突

我正在使用CSS3 PIE为 IE8 及更早版本添加对边框半径的支持,它与 :first-child 选择器冲突。

基本上,我有三个列表项向左浮动。每个都有 10px 的左边距,除了第一个,我设置为 0:

当我将 PIE 应用于#steps li选择器以添加对边框半径的支持时,第一个列表项将重新绘制,左边距设置回 10px,就好像#steps li:first-child选择器不存在一样。我可以说这是由于 PIE 重绘了元素,因为它在正确的位置短暂闪烁,然后在一瞬间移动超过 10px。

我已经尝试将 PIE 应用于两个选择器,但这并没有什么不同,而且我无法在 PIE 支持论坛上找到与第一个孩子有关的任何内容。

0 投票
1 回答
1345 浏览

web-standards - 为什么 CSS3 PIE 和其他类似的脚本不是到处都在使用?

这个问题已经在htc 文件中被问过:为什么不使用它们?,但答案并没有真正回答任何问题。

问题是,为什么许多网站没有使用CSS3 PIE之类的东西?我希望较小的人不知道它,但引起我注意的是Twitter,它不使用它。

是不是因为不标准?还是会导致网站明显变慢?

感谢您的任何回复。

0 投票
0 回答
321 浏览

jquery - jQuery Cycle Plugin 与 CSSPIE 结合使用会导致 IE8 及更低版本中的空白幻灯片

我有一个使用 jQuery Cycle 插件的图像幻灯片。图像有圆角,所以我在 IE8 及更低版本中使用 CSS3PIE 行为来支持这一点。但是使用 PIE 只显示第一张图像,而其他图像只给我一张空白幻灯片(在 IE8 及以下版本中)。当我禁用 PIE 时,一切看起来都很好。

有任何想法吗?

Javascript:

的HTML

CSS:

0 投票
1 回答
685 浏览

css - css pie 仅适用于字段元素

我用的是ie8,其他版本不知道。我到处都在使用馅饼,它通常可以正常工作。然而,我所有的表单输入元素都有一个盒子阴影和边框半径,没有边框(几乎所有的样式)。在 FF/Safari/Chrome 中一切都很好,但在 IE 中,表单缺少它们的 box-shadow。

我还使用它自定义了我的选择下拉字段(在咖啡脚本中)

并打电话 $('select').customStyle()。本质上,它span在原始菜单下方附加了一个样式<select>,这将是新的菜单样式,同时仍使用原始样式,同时通过不透明度<options>隐藏原始样式。select

这些是我的 sass 风格

这以前在 IE 中有效(至少<select>样式正确并且实际显示),但现在不是(现在一堆完全白色的字段轮廓,相互融合并进入下一个输入字段,不确定是什么无论如何,如果它起作用,z-index/positioning 就会使你点击它时没有任何下拉菜单。

有没有人有自定义样式的选择下拉列表和无框阴影问题的解决方案?谢谢!

0 投票
0 回答
1135 浏览

jquery - chrome/safari 在 jQuery 幻灯片过渡期间丢失圆角

我正在使用此处显示的 jquery 脚本 - http://jqueryfordesigners.com/automatic-infinite-carousel/

我已将自己的图像作为圆形 png 应用到我网站上的滑块中 -http://67.225.219.80/

使用边框半径在 Firefox 和 IE9 中一切正常。即使滑块在自动模式下滑动,即使滑块由箭头控制,您也可以看到圆角保持不变。

但是在 chrome/safari 中,圆角在过渡期间会消失。

除了给外部 div 包装器圆角(border-radius、-webkit-border-radius 等)外,我还尝试对嵌套的 ul、li、a 和 img 元素应用圆角,看看它是否会工作,仍然没有解决方案。

我也在使用 css3pie,经过一些测试后我得出结论,这不是 chrome/safari 中出现问题的原因。

任何对此有任何经验或指导我正确方向的人将不胜感激。

谢谢!

0 投票
1 回答
799 浏览

css - IE8 中的 3d 按钮

我正在使用 css3pie 让 IE8 和 IE7 识别更多的 css 声明。这使我可以更轻松地在我的网站上使用背景渐变和类似的东西。但是,我发现 css3pie 不支持嵌入阴影的 box-shadow 样式。这是一个问题,因为我使用框阴影使我网站上的按钮和界面元素看起来像 3d,如下所示:

这是来自正在运行的站点的搜索栏的 jsfiddle。我没有包含所有的css,但重要的是搜索栏的背景+边框,以及搜索按钮的背景+边框+悬停效果。

这是html + css:

我需要做的是以某种方式box-shadow用其他东西替换语法。我应该使用什么?我对 css + web 开发还很陌生,所以我真的不知道我可以使用哪些选项。或者,我应该对整个问题采取不同的方法吗?

0 投票
1 回答
1406 浏览

javascript - 溢出:在 IE8 中使用 css3pie 隐藏圆形边框?

我有这个 HTML:

和CSS:

的 srcimg是在 javascript 中以编程方式设置的。

img设置为其包含 div 的宽度。在ie9、firefox、chrome等中,这使得图片有圆角边框(因为图片的边角在边框之外,而且有overflow:hidden;

在 IE8 中,图像没有圆角边框。border-radius 属性生效(如果我这样做,我可以在图像后面看到它border: solid black 1px;)但边界之外的图像部分没有隐藏。

有没有办法使用 css、css3pie、javascript 等来解决这个问题?或者这在IE8中是不可能实现的?

0 投票
3 回答
193 浏览

css - 有没有一种聪明的方法可以不使用类在某些版本的 IE 上运行 CSS3Pie?

我正在尝试让 css3pie 不在 ie7 中运行某个类。我正在使用 HTML5 Boilerplate 为我提供 IE 特定的类来使用。我一直在尝试做的是这个

但这似乎不起作用,css3pie 仍在处理中。

有谁知道我还能尝试不让 css3pie 修复程序运行吗?