2

I have the modernizr js installed as part of HTML5 Boilerplate, but I don't know how to use it. I created a CSS3 nav with some transitions. I know IE doesn't support them, but as I understand it, Modernizr can polyfill using js. Is that right? How do I do that? I don't know much js.

my jsfiddle

4

2 に答える 2

1

Modernizr は、CSS3 機能のポリフィルを提供しません。古いブラウザーで HTML5 要素のスタイル設定を有効にする単純なポリフィルを提供します。それ以外では、ページの html タグにクラス名を追加して機能を検出する方法として主に使用されます。

したがって、CSSで次のようなことができます

.borderradius .mydiv {
    border-radius: 8px;
}

モダナイザーは、ブラウザーがサポートしている場合、ページの html タグに .borderradius クラス名を追加します...または、js でそれを使用して、プラグインなどに選択的にフォールバックすることができます。

于 2012-08-14T03:23:54.903 に答える
1

css3 トランジションがサポートされているかどうかを確認するには、yepnope スクリプトを追加する必要があります。たとえば、次のようにします。

yepnope({
  test : Modernizr.transition,
  yep  : '',
  nope : ['polyfillfortransition.js']
});

アップデート

実際、jQuery を使用している場合は、このためのプラグインがあります。上記のコードを実行する必要はありません。Addy Osmani によるこの投稿では、http: //addyosmani.com/blog/css3transitions-jquery/ について詳しく説明しています。その投稿で、彼は yepnope の使用についても説明しています。

于 2012-08-14T02:51:06.663 に答える