问题标签 [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.
html - CSS3PIE 在 IE 中根本不起作用
我正在尝试通过使用http://css3pie.com在 IE 中获得圆角的解决方法。我在我的 css 中包含了以下内容,它在页面加载时被加载。所有这些都在 Joomla 1.5 中加载。
上面的代码保存在一个名为 template.css 的 css 文件中。
PIE.htc 和 PIE.php 位于我网站的根目录中。
下面是在 IE 9 中加载页面并选择 IE 8 渲染模式时生成的一些“视图源”。
从上面可以看出,正在加载 template.css 文件,如果我进入 chrome,则会执行 css3 边框半径代码,因此我知道文件正在加载。出于某种原因,当在 IE 中查看页面时,饼图行为不起作用。由于某种原因,角落只是左方:-S。即使它们显示为具有“form_field”类。我浏览了 CSS3PIE 网站上的故障排除文档,但似乎找不到任何解决方案。
编辑>>>>>>>>>>>>>>>>>>>>>>>>>>
我什至尝试将它放在我网站根目录下的自己的 css 文件中:
在源视图中单击它时会加载 css 文件,所以我知道这是有效的,在 css 文件中我有 @charset "utf-8";
所以我现在唯一能想到的是,joomla 正在剥离一些东西,或者它与其他东西发生冲突:-S。
编辑 2 >>>>>>>>>>>>>>>>>>>>
好的,还是不行,我已经注释掉了我的 index.php 中的所有 js 文件,以确保没有任何东西会与它发生冲突,但仍然不行。
编辑 3 >>>>>>>>>>>>>>>>>>>>
最后!,为了其他人的利益,这里是如何使用 Joomla 和 CSS3PIE 做到这一点。不知道为什么它不能与 PIE.htc 一起使用,但如果你使用 PIE.php 代替它,它可以工作。
制作一个名为 PIE.CSS 的 css 文件,将其放在您的站点根目录中,在其中放入:
接下来打开您的模板 index.php 文件并放入
接下来转到您想要样式的任何内容,例如文章中的一些表单字段,然后将:class="YOURCLASSNAME" 放在您想要样式的任何字段/ div 等上。
这应该是,手指交叉的工作。:-)
asp.net - Asp.net 中的 css3PIE 或 PIE.htc
好吧,我在 asp.net 中使用了 css3pie,但它不起作用。我尝试了所有可能的解决方案。搜索了很多论坛,但未能在 asp.net 中正确使用 PIE。让我向您展示我的项目结构。
我的项目层次结构中有母版页和内部母版页。
css3pie 正在处理那些不使用母版页的页面。我的 css 和 .htc 文件如下
- 根
- css
- 脚本
当我使用没有母版页的 css3PIE 时,它可以工作:
上面的代码正在工作。但是当我使用任何页面与主人。它不工作。我的 CSS 看起来像这样:
css 放在 IE.css 文件中。您可以在上面的代码中看到。请记住,我尝试了所有可能的组合来在 css 中引用 .htc
还有一件事。很多人说这是由于相对路径。好吧,我测试了这些东西。当我在 IE 的开发工具中查看呈现的 html 时。它应用了该行为但不起作用。请帮我。将不胜感激。提前致谢
html - CSS3PIE 不使用边界半径
我正在尝试让 CSS3PIE 为我的网站工作,这样我就可以在 IE8(及更早版本)中使用边框半径。它在所有其他浏览器中都能正常工作。这是我的CSS:
还有我的 HTML:
我已经尝试了所有可以找到的调试方法,例如:
- 尝试了PHP解决方案
- 尝试了指向 PIE.htc 文件的完整 http:// 链接
- 添加
AddType text/x-component .htc
到我的 .htaccess 文件中 - 尝试
position:absolute
和zoom:1
z-index 值。
到目前为止没有任何效果。我羡慕那些仅仅通过将behavior
属性添加到他们的 CSS 中就得到了这个的人。如果有人可以提供帮助,将不胜感激!
编辑
这是一个jsfiddle:
css - 无法让 CSS3Pie 工作
我觉得很愚蠢,好像我错过了一些非常明显的东西,但我已经检查了很多东西,但无法弄清楚出了什么问题。我正在尝试使用 CSS3pie 在 ie8 中制作圆角,但它不会占用。
我设置了相对于 html 文档而不是 css 的路径。它在一个名为 pie 的文件夹中,所以这是我在 CSS 中使用的:
有谁知道更多关于 css3 pie 的信息,谁可以就我所缺少的内容向我提供建议?我已经在很多不同的元素上尝试过它,但一次都没有用。
html - CSS3 Pie 删除背景图像
当我的页面在 IE (7,8) 中加载时,我在左列 li 中的背景图像会在 CSS3 Pie 启动之前显示一瞬间,将边框添加到它想要的 li 元素,然后从我的列表项中删除背景图像像这样...
在 FF 中,如果您想查看它的外观,这很有效。如果有人有这个,我会很感激。非常感谢!
html - 在 IE7 中刷新之前渲染不好?
我试图让我的网页在 IE7 中看起来更好。这是非常令人沮丧的。
我发现的问题之一如下图所示。当跟随一个页面的链接时,渲染有时会以奇怪的方式中断 - 在下面,似乎边距关闭了,并且颜色丢失了。但是,如果您刷新页面,此问题就会消失。如果您多次刷新页面,它不会再次中断 - 在单击链接或在地址栏中输入 URL 之后,仅在页面的第一个视图上呈现效果不佳。
你知道为什么会这样吗?我正在使用 css3pie 做背景渐变和圆角边框,所以问题可能来自这里。或者,这是我不知道的 IE 错误吗?
我的网站在 IE8 中渲染正常,还必须使用 css3pie 来做渐变 + 边框。
编辑: 如果你缩放页面,这个渲染问题就解决了。我读过的一些东西似乎表明这是 IE6/IE7 中某些渲染的已知问题,但我不知道如何解决它。
css - PIE 和 JQueryUI 的手风琴之间的冲突
我正在使用 PIE 来实现一些跨浏览器 CSS3 效果(渐变背景、圆角、阴影等),但它把我的 jquery 手风琴弄乱了一些可怕的东西。
基本上,当 PIE 将其 css3 容器元素插入 DOM 时,jquery 手风琴代码无法恢复,因为它期望手风琴容器专门填充 H3 和 DIV 元素的交替列表。
有没有人找到一种方法让这两个工具一起玩得很好?
css - 透明度与使用 CSS3 PIE 的 ie7 中的投影冲突
我正在使用 CSS3 PIE 来做边框半径、阴影和透明效果,以使页面主体周围的透明区域。我试图让它看起来像这样:
http://www.palosverdes.com/rpv/re-design/JANUARY-2012/C-10.html
这是我当前的版本:
http://www.palosverdes.com/rpv2012/indexforie7.cfm
这在现代浏览器中呈现了我想要的效果,但在 IE7 中,阴影似乎填充了应该透明的区域。这是一个屏幕截图:
imgur.com/lD0JG(我仍然只能发布两个超链接,对不起)
任何想法可能导致问题?
css - 无法解析 PIE.htc 的路径
我正在尝试将 css3pie 与 Grails 应用程序集成。根据说明,我需要做的就是:
- 将 PIE.htc 文件放在服务器上的某个位置
- 将以下内容添加到每个相关的 CSS 规则中
behavior: url(path/to/PIE.htc);
为了简化计算 PIE.htc 的路径,我将文件放在web-app/js/PIE.htc
. 然后我定义了以下 URL 映射
由操作处理:
如果您导航到http://summer-festivals.cloudfoundry.com/PIE.htc该文件已提供,因此一切似乎都在工作。然后我将该behavior
属性添加到一些 CSS 规则中,以查看它是否有效,例如
这应该围绕菜单的右下角和左下角,但是如果您在 IE8 中查看主页,您会发现它不起作用。
我似乎在解析PIE.htc
文件路径时出现问题,因为我在css3pie
上面的操作中设置了一个断点,但断点从未被命中。为什么路径PIE.htc
没有被解决。