Modernizrによって検出された機能
| 機能 | CSSプロパティ | JavaScriptチェック |
|---|---|---|
| @ font-face | 。fontface | Modernizr.fontface |
| キャンバス | 。canvas | Modernizr.canvas |
| キャンバステキスト | 。canvastext | Modernizr.canvastext |
| HTML5オーディオ | 。audio | Modernizr.audio |
| HTML5オーディオ形式 | NA | Modernizr.audio [format] |
| HTML5ビデオ | 。video | Modernizr.video |
| HTML5ビデオフォーマット | NA | Modernizr.video [format] |
| rgba（） | 。rgba | Modernizr.rgba |
| hsla（） | 。hsla | Modernizr.hsla |
| border-image | 。borderimage | Modernizr.borderimage |
| border-radius | 。borderradius | Modernizr.borderradius |
| ボックスシャドウ | 。boxshadow | Modernizr.boxshadow |
| 複数の背景 | 。multiplebgs | Modernizr.multiplebgs |
| 不透明度 | 。opacity | Modernizr.opacity |
| CSSアニメーション | 。cssanimations | Modernizr.cssanimations |
| CSS列 | 。csscolumns | Modernizr.csscolumns |
| CSSグラデーション | 。cssgradients | Modernizr.cssgradients |
| CSSリフレクション | 。cssreflections | Modernizr.cssreflections |
| CSS2D変換 | 。csstransforms | Modernizr.csstransforms |
| CSS3D変換 | 。csstransforms3d | Modernizr.csstransforms3d |
| CSSトランジション | 。csstransitions | Modernizr.csstransitions |
| Geolocation API | 。geolocation | Modernizr.geolocation |
| 入力タイプ | NA | Modernizr.inputtypes [type] |
| 入力属性 | NA | Modernizr.input [attribute] |
| localStorage | 。localstorage | Modernizr.localstorage |
| sessionStorage | 。sessionstorage | Modernizr.sessionstorage |
| Webワーカー | 。webworkers | Modernizr.webworkers |
| applicationCache | 。applicationcache | Modernizr.applicationcache |
| SVG | 。svg | Modernizr.svg |
| SVGクリップパス | 。svgclippaths | Modernizr.svgclippaths |
| SMIL | 。smil | Modernizr.smil |
| WebSQLデータベース | 。websqldatabase | Modernizr.websqldatabase |
| IndexedDB | 。indexeddb | Modernizr.indexeddb |
| Webソケット | 。websockets | Modernizr.websockets |
| ハッシュ変更イベント | 。hashchange | Modernizr.hashchange |
| 履歴管理 | 。historymanagement | Modernizr.historymanagement |
| ドラッグアンドドロップ | 。draganddrop | Modernizr.draganddrop |
| クロスウィンドウメッセージング | 。crosswindowmessaging | Modernizr.crosswindowmessaging |
| addTest（）プラグインAPI | NA | Modernizr.addTest（str、fn） |
-
CSSの背景画像が機能しない問題を修正する方法| HTML / CSS
CSSで背景画像を操作するのは難しい場合があります。コードで設定したとしても、背景画像がページに表示されない原因となる他の要因があるためです。 これを支援するために、HTMLとCSSを使用して、背景画像が機能しないように修正する4つの方法を次に示します。 1。 CSSファイルがHTMLファイルに正しくリンクされていることを確認してください。 CSSスタイルをWebサイトにロードするには、<link>を追加する必要があります。 HTMLファイルのタグ。このタグは、<head></head>内に配置する必要があります タグで、次のようになります： <l
-
CSSオーバーフロー-y
CSSのoverflow-yを使用すると、コンテンツの上下の端をどのように処理するかを決定できます。次のコードを実行して、overflow-yプロパティを実装してみてください- 例 <!DOCTYPE html> <html> <head> <style> div { background-color: orange;