ウェブは画像をクリックするとファイルをアップロードするウィンドウをポップアップするコードを実現します
|
コードをコピー コードは次のとおりです。<スタイル> .fileInputContainer{ 高さ:256px; 背景:url(upfile.png); 位置:相対; 幅: 256ピクセル; } .ファイル入力{ 高さ:256px; オーバーフロー: 非表示; フォントサイズ: 300px; 位置:絶対; 右:0; トップ:0; 不透明度: 0; フィルター:アルファ(不透明度=0); カーソル:ポインタ; } </スタイル> <div class="fileInputContainer"> <input class="fileInput" type="file" name="" id="" /> </div>  |
>>: 親コンテナの CSS 均等分割 (完全三分の一) の実装
推薦する
LinuxのCPU負荷とCPU使用率の詳細な説明
CPU 負荷と CPU 使用率これらは両方とも、ある程度、マシンの忙しさを反映できます。 CPU 使...
MySQL マスタースレーブ同期遅延の原因と解決策
歴史的な理由により、MySQL レプリケーションは、REDO ログではなく論理バイナリ ログに基づい...
左右の幅を固定し、中央の幅を適応させたHTMLレイアウトのソリューションの詳細な説明
この記事では、次のように、誰にでも共有できる左右幅固定のミドルアダプティブ HTML レイアウトソリ...
jsはシングルクリックでテーブルを変更することを実装します
Pure jsは、参照用にワンクリックで編集可能なテーブル（トランスクリプトに似たもの）を実装してい...
HTMLにビデオを挿入してすべてのブラウザと互換性を持たせる方法
HTML にビデオを挿入するために最もよく使用される方法は 2 つあります。1 つは古い <o...
Vueでキャッシュされたページを管理する方法
目次問題1: 破壊1. 破壊する方法2. いつ破壊するか2.1 解決策1: route.queryを...
CSS エラスティック ボックス flex-grow、flex-shrink、flex-basis の詳細な説明
3 つの属性 flex-grow、flex-shrink、flex-basis の機能は次のとおりで...
CentOS7 で Jenkins+Maven+Git 継続的インテグレーション環境を構築する方法
この記事では、Spring boot + Maven プロジェクトのデプロイメントを例に、Code ...
Dockerはコンテナに入るためにnsenterツールを使用する
Dockerコンテナを使用する場合は、nsenterツールを使用する方が便利です。システムにない場合...
Linuxで現在のスクリプトの実際のパスを取得する方法
1. 現在のスクリプトの実際のパスを取得します。 #!/bin/bash if [[ $0 =~ ^...
Ubuntu は、Mysql+Keepalived の高可用性実装 (デュアルアクティブ ホットスタンバイ) を構築します。
Mysql5.5 デュアルマシン ホットスタンバイ実装 2つのMySQLをインストールするMySQ...
jQuery キャンバスは QR コード付きのポスターを生成します
この記事では、jQuery キャンバスを使用して QR コード付きのポスターを生成するための具体的な...
Ubuntu 12.04 でカーネルツリーを構築する実装プロセスの詳細な説明
まず使用しているカーネルのバージョンを確認してくださいlin@lin-仮想マシン:~$ uname ...
JavaScript で虫眼鏡の特殊効果を実現
達成される効果：マウスを小さな画像の上に置くと、小さなブロックが小さな画像の上に表示され、この小さな...
DockerにNginxをインストールする方法
DockerにNginxをインストールするNginx は、IMAP/POP3/SMTP サービスも提...