1

我正在使用 PIE 来实现一些跨浏览器 CSS3 效果（渐变背景、圆角、阴影等），但它把我的 jquery 手风琴弄乱了一些可怕的东西。

基本上，当 PIE 将其 css3 容器元素插入 DOM 时，jquery 手风琴代码无法恢复，因为它期望手风琴容器专门填充 H3 和 DIV 元素的交替列表。

有没有人找到一种方法让这两个工具一起玩得很好？

4

1 回答 1

2

代替 CSS PIE 使用 pie.js，pie.js 为您提供的简单好处是您可以决定何时应用 pie 类，您可以在此处找到有关如何使用 pie.js 的不错的文档。只需通过 javascript 方式，将在 jQuery 执行代码后应用饼图，因此它不应该与标记混淆。[虽然我要测试它]

你的 pie 代码应该看起来像

$('.accordion').accordion({
  parameter:value;
  });
$('.pieElement').each(function(){
  PIE.attach(this);
});

另一种方法是使用排水沟，在使用 webkit 编写移动 web 应用程序时，我发现排水沟特别适用于 polyfill。

使用排水沟你的代码看起来像

   <div id="accordion">
<h3><span class="gutter"><a href="#">Section 2</a></span></h3>
<div>
      <div class="gutter">
    <p>
    Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
    purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
    velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
    suscipit faucibus urna.
    </p>
      </div>
</div>
  </div>

然后在排水沟上应用你的 PIE CSS3，从我读过的关于 PIE 的内容来看，它似乎在元素的父级内应用了 VML 标记，如果是这样使用排水沟，样式将在不更改标记的情况下应用。

于 2012-02-11T12:00:27.000 回答