问题标签 [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.
css - IE9 中的 CSS3 PIE 渐变:在鼠标悬停之前透明
背景
我正在开发一个使用 CSS3 规则(例如线性渐变)的应用程序。我正在使用 CSS3 PIE 的 HTC 实现。在大多数浏览器中,一切看起来都很棒。
问题
在 IE9 中存在一个奇怪的问题,即分配了渐变的元素初始化为透明。只有将鼠标悬停在它们上方时,它们才会获得颜色和渐变。
有没有人见过这个?如果是这样,你是如何解决它的?
asp.net-mvc-3 - PIE 没有将它们四舍五入,而是随着边框消失
我不知道会发生什么!
我拍了一些照片,试图帮助你理解......如下:
互联网浏览器 9
互联网浏览器 8
互联网浏览器 7
代码
CSS
饼图.htc
PIE.htc 位于文件夹中:
/Infra/PIE.htc
公共网站:http ://bindsolution.com/home/contact
我相信是其他一些组件导致了这种情况,但我不知道如何识别它。
我在一个单独的 HTML 文件(记事本)中进行了测试,一切正常。
谢谢大家的帮助!
css - 如何仅为 ie7 和 8 加载 css3 pie?但不是为了 9
这是使用 CSS3 PIE 的 css
特别
我的问题是这个 PIE.htc 会被所有浏览器下载还是只能在 IE 7 和 8 中下载?
我也需要在 IE7 和 8 中显示圆角。所以我想而不是使用 Modernizr 并为圆角编写另一个类和图像,CSS3 PIE 将是一个很好的解决方案,因为每当我们更改边框的颜色和厚度以及元素的高度时,PIE.htc 将在 IE7 和 8 中呈现相同的. 但在 Modernizr 和图像的情况下,我们将不得不使用上传新图像来获取新图像,我们将不得不更改并上传新更改。
而且因为我只为此使用Modernizr,所以我无法加载条件注释,即使我不需要,它也会为每个浏览器加载。所以我想如果 CSS3 PIE 有利于灵活性,如果它只加载到 IE7 和 8,那么在这种特殊情况下使用会很好。
html - 在IE7中使用CSS3 Pie时如何解决元素顶部边距消失的问题
再会。
我使用了大量的 CSS3 效果,并且在CSS3 Pie的帮助下在 IE 7 和 8 中渲染相同的效果时遇到了问题。
它对我需要的一些效果非常有效,但是 CSS3 Pie 的已知问题之一是布局,更具体地说,CSS3 Pie 使顶部边距在应用它的元素中消失,到目前为止我只在 IE 7 中遇到过这样的问题, IE 8 没有显示同样的问题。
我问是否有人知道如何解决这个问题,我想保持简单,只使用 CSS 来解决这个问题,我认为可能需要一种不受 CSS 限制的不同方法,这就是我寻求帮助的原因。
解决方案和建议表示赞赏。谢谢你。
internet-explorer-9 - CSS3 PIE:线性渐变在 IE9 中不起作用
我在我的网站上使用CSS3 PIE,我注意到线性渐变在 IE9 中不起作用。我以前使用 PIE 来支持线性梯度,在 IE9 中没有问题,所以我不知道这次是什么问题。
我尝试过/考虑过的事情:
- 我正在使用支持 IE9 的 Beta 5
- 我知道样式表中 PIE.htc 的路径是正确的,因为如果我通过 IE 开发人员工具栏将页面的文档模式切换到 IE7/8,渐变将起作用
- 我知道我的服务器正在使用正确的内容类型提供 PIE.htc,因为渐变在同一服务器上的另一个站点上的 IE9 中工作(此外,如果我手动导航到该文件,IE 会提示我保存文件,这就是证明根据 PIE 的文档/论坛的正确内容类型)
我难住了。与我过去使用 PIE 的方式似乎没有什么不同,而且我以前从未遇到过渐变未出现在 IE9 中的问题。
performance - CSS3 PIE:圆角减慢 IE9,即使它本机支持它们
我正在使用CSS3 PIE为 IE7/8 添加对圆角的支持。我发现当页面上有很多带有圆角的元素时,启用 PIE 后IE9的性能会显着下降:滚动变得迟钝,简单的悬停效果(如链接颜色变化)会显着延迟,等等。
但是根据 PIE 自己的文档,如果浏览器本身支持您正在使用的特定 CSS3 功能,那么 PIE 在 IE9 中“什么都不做”。那么理论上,如果我只使用边界半径(IE9 支持),启用 PIE 应该对性能没有影响。
这可能是什么原因造成的?
gwt - 为什么 GWT PopupPanels 和 DialogBox 不像 CSS3Pie?
我试图让我的花哨的 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 属性的自定义弹出窗口有效
- Applying
position:relative
已经修复了其他地方的一些 css3pie 属性,但是这里没有效果
有没有人成功让 GWT PopupPanel 和 DialogBox 与 CSS3Pie 一起工作?这个项目似乎表明有人有。我错过了什么?
jquery - 'H.length' 为空或不是对象 PIE HTC
任何人都知道为什么我会收到这个 PIE 脚本错误。'H.length' 为空或不是对象 PIE HTC
它只发生在 IE8 和 IE7 我正在使用我正在使用 PIE.htc 版本 1.0beta5 任何人都知道为什么会发生这种情况。
更新:我使用 PIE_uncompressed.htc 来查看它是否会记录更多详细信息,这次我得到 'renderers.length' 为空或不是对象(第 4148 行)
任何人遇到此问题或使用未压缩版本我得到的“H.length”为空或不是对象。
更新:
再次抱歉,我无法发布任何代码,但仍然存在问题。以前有没有人遇到过这个错误。
css - CSS3 Pie 根本不工作,尝试了一切
我正在尝试应用css3pie
到我的网站,它似乎根本没有应用。我已经尝试了我能找到的任何东西:
- 检查 PIE.htc 的路径,将其放在主文件夹并使用 url(/PIE.htc),甚至尝试了完整的 URL,但没有任何效果。
- 尝试使用 PIE.php,但也没有用。
- 尝试将“AddType text/x-component .htc”添加到 .htaccess 文件中,不好
- 尝试添加
position:relative; z-index: 0;
,不好。
我试图应用的代码是:
我错过了什么?
编辑: 如果这很重要,当我在 IE 中查看加载的 css 时,我看到行为命令与下一个命令在同一行,尽管语法是正确的
jquery - 带有 CSS3Pie 和 jQuery 动画的 IE7 错误
大家好,我希望有人可以帮助我解决这个问题。
我正在使用 CSS3Pie 在盒子上获得圆角,并且在包括 IE7 在内的所有浏览器中一切正常。但是,当您将动画(这次slideToggle
)添加到我的框内的元素时,IE7 开始表现得就像您没有但时一样position:relative
。元素变得很大,5000px x 10000px +++。我确信所有元素position:relative
在需要时都有。
我以前见过这个错误,我们找到了一个解决方法,其中包括之前对 CSS3Pie 文件的一些 JS 修复,但我再也找不到它了。
我很感谢我能得到的所有帮助。
谢谢吉米
您可以在下图中看到,灰色背景并没有在框结束的地方结束,它只是延续到网站上的其他元素之上。
这是向下滑动的元素的 css
这是盒子的CSS: